標籤:safari height targe name creat style rip selection doctype
在實現功能時寫的一個小demo,可以實現點擊複製內容(任何你需要copy的文字內容data)。
經測試,可相容 chrome, edge, firefox, ie, opera, safari,至於版本的話肯定是有限制的,你可以嘗試一下版本的底線。
下面就是demo,你可以使用在任何地方。
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>js實現copy</title> 6 </head> 7 <body> 8 <div> 9 <span>陽光總在風雨後。</span>10 </div>11 <input type="text" name="" placeholder="請粘貼測試">12 <script type="text/javascript">13 (function(){14 var span = document.getElementsByTagName(‘span‘)[0];15 span.addEventListener(‘click‘, function(event){16 var t, p, i;17 t = event.target || event.srcElement;19 p = t.parentNode;20 i = document.createElement(‘input‘);21 i.width = 0;22 i.height = 0;23 i.value = t.innerText;24 p.appendChild(i);25 i.focus();26 i.setSelectionRange(0, i.value.length);27 document.execCommand(‘copy‘, true);28 p.removeChild(i);29 },false);30 })();31 </script>32 </body>33 </html>
哦,對了,如果是IE的話,你應該用IE的事件處理常式attachEvent。
謝謝你的瀏覽,如果覺得不錯,請點贊TT。
js實現點擊copy,可相容