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

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地址至剪贴板" />