js实现点击copy，可兼容

时间 2019-11-18

原文原文链接

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

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

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

<!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>