jquery 复制内容

最新推荐文章于 2024-10-28 14:26:55 发布

原创最新推荐文章于 2024-10-28 14:26:55 发布 · 489 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

js 专栏收录该内容

24 篇文章

订阅专栏

本文介绍如何通过ZeroClipboard库实现网页上的内容复制功能。具体步骤包括下载ZeroClipboard.swf及ZeroClipboard.min.js文件，并将这些文件部署到服务器；然后在网页中引入JS文件并配置相关参数；最后通过按钮触发复制操作。

下载js文件：

https://github.com/zeroclipboard/zeroclipboard/tree/master/dist

下载文件

ZeroClipboard.swf 和ZeroClipboard.min.js 文件

2.在HEAD中页面加载

<script src="/ZeroClipboard.min.js"></script>

注意，需要在线上

把上面的两个文件添加到服务器中。

下面是在文件中的js部分代码

<!-- 这里是HTML代码部分 -->
<textarea id="contentttt" rows="10" cols="60">这里是需要复制的内容</textarea>
<input id="copysss" type="button" data-clipboard-target="contentttt" value="复制">



<script type="text/javascript">
// 将【复制】按钮充当复制数据的元素载体
ZeroClipboard.config( { swfPath: 'http://market.fancyecommerce.com/ZeroClipboard.swf' } );
var clip = new ZeroClipboard( document.getElementById("copysss") );
</script>

在上面的js代码部分需要设置swf文件的位置

点击按钮就可以复制了。