使用ZeroClipboard解决跨浏览器复制到剪贴板的问题

原创 2013年12月03日 15:47:09

JavaScript代码

  1. <!-- 引入 Zero Clipboard 类库 -->   

  2. //ZeroClipboard下载地址:http://code.google.com/p/zeroclipboard/downloads/list  解压后把文件夹中两个文件:ZeroClipboard.js 和 ZeroClipboard.swf 放入到你的项目中

  3. <script src="js/ZeroClipboard.js" type="text/javascript"></script>   

  4. <script language="javascript">   

  5.     function copyToClipboard(txt) {   

  6.         //引入 Zero Clipboard flash文件   

  7.         ZeroClipboard.setMoviePath( "js/ZeroClipboard.swf" );   

  8.         //新建对象   

  9.         clip = new ZeroClipboard.Client();   

  10.         //设置指向光标为手型   

  11.         clip.setHandCursor( true );   

  12.         //通过传入的参数设置剪贴板内容   

  13.         clip.setText(txt);   

  14.         //添加监听器,完成点击复制后弹出警告   

  15.         clip.addEventListener("complete", function (client, text) {   

  16.             alert("您复制了本文URL地址为:\n" + text );   

  17.         });   

  18.         //绑定触发对象按钮ID   

  19.         clip.glue("b_clip_button");   

  20.     }   

  21. </script>   

  22. <!--页面添加按钮 注意 ID与注册的名称相同 触发事件为 onmouseover 传递 值 参数作为复制参数 -->   

  23. <input id="b_clip_button" onmouseover="copyToClipboard('要复制的内容')" type="button" value="复制本文URL地址至剪贴板" />

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

关于使用ZeroClipboard解决跨浏览器复制到剪贴板的问题

最近在做点击按钮把文本框的内容复制到粘贴板的功能,遇到各种浏览器兼容问题,真是要抓狂了,几经周折终于是成功解决了目前比较主流的浏览器(IE、Firefox、Chrome、360)兼容问题。...

使用ZeroClipboard解决跨浏览器复制到剪贴板的问题

Zero Clipboard的下载地址 http://jonrohan.github.io/ZeroClipboard/ https://github.com/jonrohan/ZeroClipb...

使用ZeroClipboard解决跨浏览器复制到剪贴板的问题

导言之前在开发普加09年国庆中秋祝福页面复制链接功能时,遇见在Firefox,Chrome,Opera,Safari能复制链接的兼容性问题,而在近期上线的普加地图产品中使用的是Flash的flashv...

ZeroClipboard.js复制内容到剪贴板(跨浏览器)

ZeroClipboard.js复制内容到剪贴板(跨浏览器)

兼容多种浏览器“复制到剪贴板”的解决方案

博客分类: JavaScript 浏览器FlashFirefoxIEOpera       要实现“复制到剪贴板”的功能,安全问题,浏览器的限制越来越严,实现的方法也越来越有限,这个简单...
  • A_post
  • A_post
  • 2012年07月10日 10:14
  • 403

ZeroClipboard实现多个浏览器兼容的复制文本到剪贴板的功能

http://my.oschina.net/xshuai/blog/411399 ZeroClipboard实现多个浏览器兼容的复制文本到剪贴板的功能...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:使用ZeroClipboard解决跨浏览器复制到剪贴板的问题
举报原因:
原因补充:

(最多只允许输入30个字)