js实现点击copy，可兼容
Posted 铁柱成针
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js实现点击copy，可兼容相关的知识，希望对你有一定的参考价值。
在实现功能时写的一个小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，可兼容的主要内容，如果未能解决你的问题，请参考以下文章
JS实现 点击button(copy) 复制对应的网址——类似于复制推广链接