码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2016-08-08 12:43:00      阅读:190      评论:0      收藏:0      [点我收藏+]

标签:

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

  为了实现这个需求,看了很多博文,找了很多资料,奈何很多都是使用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元素,无论什么类型都可以!

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

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

标签:

原文地址:http://www.cnblogs.com/running-honor/p/5748737.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!