标签：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。
标签：safari height targe name creat style rip selection doctype
原文地址：http://www.cnblogs.com/zgh-blog/p/jsCopyContent.html
