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元素,无论什么类型都可以!

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

转载于:https://www.cnblogs.com/running-honor/p/5748737.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值