美文网首页
复制url地址

复制url地址

作者: kate2020 | 来源:发表于2017-01-23 09:02 被阅读17次

在前端网上看到的很好的代码例子,写在这里作为记录

<textarea cols="20" rows="10" id="biao1">用户定义的代码区域</textarea>
<input type="button" onClick="copyUrl2()" value="点击复制代码" />
<script type="text/javascript">
function copyUrl2()
{
var Url2=document.getElementById("biao1");
Url2.select(); // 选择对象
document.execCommand("Copy"); // 执行浏览器复制命令
alert("已复制好,可贴粘。");
}
</script>

但是这段代码不能很好的兼容手机端
于是作者改进代码如下:

$(document).on('click', '.link', function() {
            var url = window.location.href;
                Url2 = document.getElementById("url");
            $('#url').val(url);
            $('#url1').text(url);
            if( document.execCommand('Copy') ) {
                Url2.select(); // 选择对象
                document.execCommand("Copy"); // 执行浏览器复制命令
                $.customTips({
                    msg : '复制成功'
                });
                $('.share-main').removeClass('show');
                setTimeout(function() {
                    $('.share-box').hide();
                },100);
            } else {
                $('.share-main').removeClass('show');
                $('.link-main').show();
            }
        });

控制根字体大小:

(function() {
    // 控制根字体大小
    var winWidth = document.body.clientWidth;
    document.querySelector('html').style.fontSize = winWidth/640 * 24 + 'px';
})()

相关文章

  • 复制url地址

    在前端网上看到的很好的代码例子,写在这里作为记录 但是这段代码不能很好的兼容手机端于是作者改进代码如下: 控制根字...

  • js下载图片

    可复制粘贴使用downloadEWM(url,name){ //获取图片地址 consttag=document....

  • py连接mysql

    传入码云,在码云上新建一个仓库,然后复制仓库地址,点git 然后将复制的地址放在URL中,将你文件放在你创建的位置...

  • 【开发笔记】请求URL地址中出现中文

    方法一 实战: 文本复制: //如果请求地址中出现中文需要进行url编码 NSString*path =@"htt...

  • urlib.request.urlretrieve() 使用

    作用:文件从网络位置复制到本地位置,并且可以显示下载进度。参数: 参数说明:url: 网络对象地址,若url指向本...

  • 码云保存项目

    新建个私有仓库 然后把地址复制下来 然后在sourcetree上新建 从url克隆 克隆下来之后

  • URl地址

  • 接口测试之Fiddler+HTTP协议

    一、百度URL详解 用浏览器打开百度网址,输入任意关键字搜索后: 详细URL地址复制出来如下 https://ww...

  • vue复制路径

    点击复制 linkUrl(item){ let url = item.url;//拿到想要复制的值 let cop...

  • 学习小组Day3笔记--扑通&扑通

    R way -- P3 下载安装conda 从清华的镜像中找到 miniconda 的镜像地址,复制下载链接url...

网友评论

      本文标题:复制url地址

      本文链接:https://www.haomeiwen.com/subject/qaqabttx.html