js实现点击copy，可兼容

最新推荐文章于 2019-04-19 14:33:26 发布

weixin_34115824

最新推荐文章于 2019-04-19 14:33:26 发布

阅读量70

点赞数

文章标签： python

原文链接：https://my.oschina.net/u/1771585/blog/1800413

版权

2019独角兽企业重金招聘Python工程师标准>>>

在实现功能时写的一个小demo，可以实现点击复制内容（任何你需要copy的文字内容data）。

经测试，可兼容 chrome, edge, firefox, ie, opera, safari，至于版本的话肯定是有限制的，你可以尝试一下版本的底线。

下面就是demo，你可以使用在任何地方。

<!DOCTYPE html>  
<html>  
<head>  
    <meta charset="utf-8">  
    <title>js实现copy</title>  
</head>  
<body>  
    <div>  
        <span>阳光总在风雨后。</span>  
    </div>  
    <input type="text" name="" placeholder="请粘贴测试">  
<script type="text/javascript">  
    (function(){  
        var span = document.getElementsByTagName('span')[0];  
        span.addEventListener('click', function(event){  
            var t, p, i;  
            t = event.target || event.srcElement;  
            p = t.parentNode;  
            i = document.createElement('input');  
            i.width = 0;  
            i.height = 0;  
            i.value = t.innerText;  
            p.appendChild(i);  
            i.focus();  
            i.setSelectionRange(0, i.value.length);  
            document.execCommand('copy', true);  
            p.removeChild(i);  
        },false);  
    })();  
</script>  
</body>  
</html>

转载于:https://my.oschina.net/u/1771585/blog/1800413