js(jquery)复制到剪贴板 ,兼容支持火狐firefox 和 ie

国外出现了一种新的方法,而且专门做了一个JavaScript库 Zero Clipboard ,它包含一个flash影片和一个JavaScript接口,这个flash是透明的(不是隐藏),用户不会察觉到它的存在。这个flash覆盖在一个 DOM元素上,比如button,div之类,当点击这个DOM时,你实际点击的是这个flash,这个作用在flash上的动作能够开启flash的剪切板。

JavaScript代码
  1. <!-- 引入 Zero Clipboard 类库 -->   
  2. <script src="js/ZeroClipboard.js" type="text/javascript"></script>   
  3. <script language="javascript">   
  4.     function copyToClipboard(txt) {   
  5.         //引入 Zero Clipboard flash文件   
  6.         ZeroClipboard.setMoviePath( "js/ZeroClipboard.swf" );   
  7.         //新建对象   
  8.         clip = new ZeroClipboard.Client();   
  9.         //设置指向光标为手型   
  10.         clip.setHandCursor( true );   
  11.         //通过传入的参数设置剪贴板内容   
  12.         clip.setText(txt);   
  13.         //添加监听器,完成点击复制后弹出警告   
  14.         clip.addEventListener("complete"function (client, text) {   
  15.             alert("您复制了本文URL地址为:\n" + text );   
  16.         });   
  17.         //绑定触发对象按钮ID   
  18.         clip.glue("b_clip_button");   
  19.     }   
  20. </script>   
  21. <!--页面添加按钮 注意 ID与注册的名称相同 触发事件为 onmouseover 传递 值 参数作为复制参数 -->   
  22. <input id="b_clip_button" onmouseover="copyToClipboard('<?php the_permalink(); ?>')" type="button" value="复制本文URL地址至剪贴板" />  

 



文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags:
相关日志:
评论: 1 | 引用: 0 | 查看次数: -
回复回复兰州不厚道[2013-10-31 11:22 AM | del]
怎么下载呀!!!
发表评论
昵 称:
密 码: 游客发言不需要密码.
内 容:
验证码: 验证码
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.