复制url地址

2017-01-23  本文已影响17人  kate2020

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

<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';
})()
上一篇 下一篇

猜你喜欢

热点阅读