在实现功能时写的一个小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。
时间: 2024-12-29 12:10:30