js复制内容到剪切板-ZeroClipboard

最新推荐文章于 2025-07-01 11:22:40 发布

怪我冷i

最新推荐文章于 2025-07-01 11:22:40 发布

阅读量650

点赞数

分类专栏：大前端 javaScript 文章标签： javascript

大前端同时被 2 个专栏收录

32 篇文章

订阅专栏

javaScript

19 篇文章

订阅专栏

本文介绍如何使用 ZeroClipboard 库实现网页内容的一键复制功能。通过简单的 HTML 和 JavaScript 代码示例，展示了如何设置按钮以触发复制操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

参考

http://www.365mini.com/page/zeroclipboard-2_x-quick-start.htm

代码如下

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


<!-- 这里是JS代码部分 -->
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/zeroclipboard/2.1.6/ZeroClipboard.min.js" ></script>
<script type="text/javascript">
// 将【复制】按钮充当复制数据的元素载体
var clip = new ZeroClipboard( document.getElementById("copy") );
</script>