javascript点击按钮实现复制指定内容功能

  写这个函数的缘由就不必多说了,必然是:有需求,但网上又没有找到可用的代码;没办法,为了混口饭吃就必须自己写来实现需求啦!(本人第一次写博客,技术渣渣,为了提高水平,就来水博园了,内心窃喜!)

  为了实现这个需求,看了很多博文,找了很多资料,奈何很多都是使用window.clipboardData.setData()之类的,现在的浏览器好像都不支持这个属性吧!(至少chrom和fireFox是不行的!),另外的就是写得很杂很乱,没有封装成一个方法;所以,我为了以后的使用方便就封装了一个兼容性不错的复制方法:copyText(兼容chrom和fireFox,IE没有测);

  

 1 function copyText(ele){
 2         function otherEle(element){
 3             if (document.selection) {
 4                 var range = document.body.createTextRange();
 5                 range.moveToElementText(element);
 6                 range.select();
 7             }else{
 8                 window.getSelection().removeAllRanges();
 9                 var range = document.createRange();
10                 range.selectNode(element);
11                 window.getSelection().addRange(range);
12             }
13         }
14         if(ele.select){
15             ele.select();
16         }else{
17             otherEle(ele);
18         }
19         document.execCommand('Copy');
20         window.getSelection().removeAllRanges();
21     }

该方法需要传入一个参数,就是你要复制内容的Dom元素,无论什么类型都可以!

第一次写博客,感觉有用就给点鼓励吧!

posted @ 2016-08-08 11:51  不穿鞋子的小孩  阅读(1239)  评论(1)    收藏  举报