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>

相關標籤/搜索