js实现点击copy，可兼容

来源：互联网发布：java assert函数编辑：程序博客网时间：2024/06/01 23:40

　　在实现功能时写的一个小demo，可以实现点击复制内容（任何你需要copy的文字内容data）。

　　经测试，可兼容 chrome, edge, firefox, ie, opera, safari，至于版本的话肯定是有限制的，你可以尝试一下版本的底线。

　　下面就是demo，你可以使用在任何地方。

<!DOCTYPE html><html><head>    <meta charset="utf-8">    <title>js实现copy</title></head><body>    <div>        <span>阳光总在风雨后。</span>    </div>    <input type="text" name="" placeholder="请粘贴测试"><script type="text/javascript">    (function(){        var span = document.getElementsByTagName('span')[0];        span.addEventListener('click', function(event){            var t, p, i;            t = event.target || event.srcElement;            p = t.parentNode;            i = document.createElement('input');            i.width = 0;            i.height = 0;            i.value = t.innerText;            p.appendChild(i);            i.focus();            i.setSelectionRange(0, i.value.length);            document.execCommand('copy', true);            p.removeChild(i);        },false);    })();</script></body></html>

哦，对了，如果是IE的话，你应该用IE的事件处理程序attachEvent。

　　谢谢你的浏览，如果觉得不错，请点赞TT。

阅读全文

0 0