js实现点击copy,可兼容
2021-07-20 16:05
标签:safari height targe name creat style rip selection doctype 在实现功能时写的一个小demo,可以实现点击复制内容(任何你需要copy的文字内容data)。 经测试,可兼容 chrome, edge, firefox, ie, opera, safari,至于版本的话肯定是有限制的,你可以尝试一下版本的底线。 下面就是demo,你可以使用在任何地方。 哦,对了,如果是IE的话,你应该用IE的事件处理程序attachEvent。 谢谢你的浏览,如果觉得不错,请点赞TT。 js实现点击copy,可兼容 标签:safari height targe name creat style rip selection doctype 原文地址:http://www.cnblogs.com/zgh-blog/p/jsCopyContent.html 1 DOCTYPE html>
2 html>
3 head>
4 meta charset="utf-8">
5 title>js实现copytitle>
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>
上一篇:谷歌插件-JSONView