当前位置:Gxlcms > JavaScript > 用js将内容复制到剪贴板兼容浏览器_javascript技巧

用js将内容复制到剪贴板兼容浏览器_javascript技巧

时间:2021-07-01 10:21:17 帮助过:7人阅读

若想通过js将内容复制到剪贴板,本来不难,可是若考虑到浏览器的兼容性问题,就变的有点麻烦,使用jquery-zclip复制是一个不错的选择,借助flash实现浏览器的兼容。原理就不细讲了,下面说下如何实现。

比如我的html代码如下:
代码如下:


要复制的内容1
要复制的内容2
要复制的内容3


js文件总共需要两个,jquery就不用说了,再就是jquery-zclip.js和ZeroClipboard.swf,这两个文件可以在官方网站上下载,地址如下:http://www.steamdev.com/zclip/

生成复制按钮的js如下
代码如下: