因为网站文章需要提供几个按钮，然后单击以将内容的副本实现到剪贴板。

在网上搜索大量内容时，发现这里比较混乱，要分类并与大家分享。

结果如下：



以往使用的window.clipboarddata.setdata，只能支持IE和firefox.360浏览器、搜狗等浏览器，所有的眼泪掉下来。所以，我们研究了zeroclipboard，并尝试使用JS代码尽可能的。

之前使用了三个参考（没有上传附件，这里没有提供下载地址，这是很常见的，大家去找妈妈）：

jquery-1.4.1.min.js

zeroclipboard.js

zeroclipboard.swf

下面是最简单的实现，并解释。

原理



把一个看不见的Adobe Flash电影元素在DOM元素。当用户点击的DOM元素，看不见的Adobe Flash电影的元素实际上是点击和flash代码并运行复制内容到剪贴板。

注意：如果您使用js模拟Flash上的单击事件，则不能将内容复制到剪贴板。原因是浏览器和Flash的安全约束。

这个标签是一个按钮，你可以用一张图片，但我与clip.glue一致（copy_text ）下面。

Clip.setText（addcontent + document.getelementbyid（id_div）。InnerText + addcontent）；这句话的di_div是div可以复制ID，ID可以是ID为其他labels.id写你想复制。

其他的都是复制的，你需要修改的是前两行，第一行是需要复制的标签，通常在你的网页上。只为他设置一个ID。然后第一行可以删除。

对于预先准备好的三个文件，将它们上传到代码中显示的路径，这是在服务器上运行的，我直接上传服务器测试。

这是最简单的代码。网络上的人很乱，不忍心直接看它，所以要及时地和你分享。如果这篇文章有问题要问，你可以在博客上留言。

以下是实现代码：




文本内容复制文章纯文本内容



var剪辑= null；
ZeroClipboard.setMoviePath (/js/global/ZeroClipboard.swf);
$（文档）Ready（函数（）{）
无功addcontent = R原创文章来源：C++技术网络，阅读更多原创文章，欢迎访问C++技术的网络。 R；
zeroclipboard夹=新客户（）；
clip.sethandcursor（真的）；
Clip.setText（addcontent + document.getelementbyid（id_div）。InnerText + addcontent）；
Clip.glue（copy_text ）；
Clip.addEventListener（完成
警报（）纯文本内容已复制到剪贴板！；
}）；
}）；