简介
clipboard.js是一个轻量级的JavaScript库，用于在Web应用程序中复制文本到粘贴板。它提供了简单易用的API，支持复制任何输入类型的文本（包括HTML）并在绝大部分现代浏览器中运行。
安装
首先，在你的项目目录下打开终端，使用以下命令安装clipboard.js:
npm install clipboard
使用
为了使用clipboard.js，你需要先引入它。你可以通过在HTML文件中添加以下代码来实现：
<script src="node_modules/clipboard/dist/clipboard.min.js"></script>
然后，你需要创建一个新的ClipboardJS对象，并将其附加到一个按钮或其他可点击元素上。例如，如果你想将“Hello, world！”文本复制到粘贴板上，可以使用以下代码：
<button id="copy-button" data-clipboard-text="Hello, world!">
复制
</button>
<script>
var clipboard = new ClipboardJS('#copy-button');
</script>这里我们将ClipboardJS对象附加到ID为“copy-button”的按钮上，同时设置data-clipboard-text属性为要复制的文本。当用户单击该按钮时，clipboard.js会自动将文本复制到粘贴板中。
高级用法
除了基本的文本复制之外，clipboard.js还支持HTML、图片和其他数据类型的复制。下面是一些示例代码：
复制HTML
<button id="copy-html-button" data-clipboard-text="<strong>Hello, world!</strong>">
复制HTML
</button>
<script>
var clipboard = new ClipboardJS('#copy-html-button');
</script>复制图片
-- -------------------- ---- -------
------- ---------------------- ----------------------------------------------------
----
---------
--------
--- --------- - --- --------------------------------- -
----- ----------------- -
------ ----- ------ - ------------------------------------------- - -----
-
---
---------总结
通过使用clipboard.js，我们可以轻松地将文本、HTML、图片和其他数据类型复制到粘贴板中。此外，它还提供了许多高级选项，例如回调函数和事件处理程序，使得在Web应用程序中实现剪贴板复制变得更加容易。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/32267