复制url地址

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

<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';
})()
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 180,596评论 25赞 708
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,355评论 1赞 92
  • 医有贪 狐偃听闻医衍奉召进宫,立刻约赵衰赶来见晋君。 重耳佯作不知,问二人:“所为何来?” 狐偃道:“君上何故召见...
    惫懒半叶阅读 600评论 2赞 4
  • 缘分,起于何处! 在百科里面查找了缘分的含义,想知道缘来源于何处, 百科说:“【缘分】...
    阿毅阅读 1,187评论 0赞 1

友情链接更多精彩内容