zeroclipboard 单个复制按钮和多个复制按钮的实现方法_javascript技巧
程序员文章站
2022-03-31 10:43:21
...
zeroclipboard是一个跨浏览器的库类 它利用 Flash 进行复制,所以只要浏览器装有 Flash 就可以运行,而且比 IE 的 document.execCommand("Copy") 更加灵活。
zeroclipboard下载地址:http://www.jb51.net/jiaoben/24961.html
zeroclipboard下载地址:http://www.jb51.net/jiaoben/24961.html
zeroclipboard实现多浏览器复制到粘贴板功能(单个复制按钮和多个复制按钮) 为了更好的用户体验,现在很多网站中文本框的内容只需要点击复制按钮这样就能把内容复制到粘贴板了;
出于兼容性的考虑,基本上都是通过zeroclipboard来实现.首先要下载zeroclipboard,解压后把ZeroClipboard.js和ZeroClipboard.swf、ZeroClipboard10.swf(“为了flash10”)放到项目中,可以通过ZeroClipboard.setMoviePath( '/ZeroClipboard.swf' )方法来加载swf;
下面是整理的代码(也是通过 网上查找整理的)
(单个复制按钮):
html:
复制代码 代码如下:
多个复制按钮:
复制代码 代码如下:
注意: clip.setText( $("#copy_txt"+id).val() );如果是获取div中的内容, 一般用clip.setText( $("#copy_txt"+id).text() );或clip.setText( $("#copy_txt"+id).html() );
推荐阅读
-
按钮JS复制文本框和表格的代码_javascript技巧
-
JavaScript实现删除,移动和复制文件的方法_javascript技巧
-
javascript - zeroclipboard插件如何实现多个按钮动态复制呢?谁用过??
-
按钮JS复制文本框和表格的代码_javascript技巧
-
javascript - zeroclipboard插件如何实现多个按钮动态复制呢?谁用过??
-
JavaScript实现删除,移动和复制文件的方法_javascript技巧
-
zeroclipboard 单个复制按钮和多个复制按钮的实现方法_javascript技巧
-
Zero Clipboard实现浏览器复制到剪贴板的方法(多个复制按钮)_jquery
-
zeroclipboard 单个复制按钮和多个复制按钮的实现方法_javascript技巧
-
Zero Clipboard实现浏览器复制到剪贴板的方法(多个复制按钮)_jquery