js ZeroClipboard 拷贝文本到剪贴板

本文介绍了一种在不同浏览器中实现文本复制到剪贴板的方法。对于IE浏览器,利用clipboardData API实现;对于非IE浏览器,则采用ZeroClipboard库来解决跨浏览器兼容性问题。

简述:

使用ZeroClipboard 在浏览器中需要拷贝文本到剪贴板

非IE浏览器不能直接 拷贝,所以使用ZeroClipboard来进行拷贝


代码:

html

[html]  view plain copy
  1. <a href="javascript:copyUrl('${content}')" id='J_copy_clipboard_data' title="复制内容">复制</a>  

js

[html]  view plain copy
  1. function copyUrl(content){  
  2.     // 判断是否是IE  
  3.     var isIE = /msie/.test(navigator.userAgent.toLowerCase());  
  4.     if(isIE){  
  5.         window.clipboardData.clearData();  
  6.         window.clipboardData.setData("text", content);  
  7.         alert("复制成功");  
  8.     }else{  
  9.         ZeroClipboard  
  10.                 .setMoviePath("${rc.contextPath}/common/static/lib/ZeroClipboard/ZeroClipboard.swf");  
  11.         var clip = new ZeroClipboard.Client();  
  12.         clip.setHandCursor(true);  
  13.         clip.glue('J_copy_clipboard_data');  
  14.         clip.addEventListener('mouseDown', function() {  
  15.             clip.setText(content);  
  16.         });  
  17.         clip.addEventListener("complete", function() {  
  18.             alert("复制成功");  
  19.         });  
  20.         $(window).resize(function() {  
  21.             clip.reposition();   
  22.         });  
  23.     }  
  24. }  

转载于:https://my.oschina.net/u/1034537/blog/528134

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值