在前端开发中，常常需要进行复制文本到剪贴板的操作，而浏览器提供的 document.execCommand('copy') 并不能各浏览器兼容。为了解决这个问题，我们可以使用一个实用的 npm 包 cop.js。
cop.js 是什么？
cop.js 是一个 JavaScript 库，它提供了一个容易使用的接口来使用浏览器的 Clipboard API，从而简化了将文本复制到剪贴板的过程。cop.js 支持多种浏览器，并提供了一些附加功能，如自动聚焦、自动选择、自定义提示和文本清理等。
如何安装 cop.js？
使用 npm 安装 cop.js 可以通过以下命令进行：
npm install cop.js --save
如果你使用 yarn，可通过以下命令安装：
yarn add cop.js
如何使用 cop.js？
使用 cop.js，你需要首先引入库：
import { copy } from 'cop.js';然后，你可以在需要的任何地方调用 copy(text, options) 方法，其中 text 是要复制到剪贴板的文本，options 是一个可选参数对象，提供了一些附加选项：
autoFocus（默认true）：指示是否应自动聚焦选定项。autoSelect（默认true）：指示是否应自动选择复制到剪贴板的文本。notification（默认false）：指示是否应通过默认通知 API 向用户显示已复制到剪贴板的文本。clearText（默认false）：指示是否通过清除任何非文本字符来清理剪贴板中的复制文本。
以下是一个示例使用：
-- -------------------- ---- -------
-- -- ------
------ - ---- - ---- ---------
-- --------
------------ -------- - ------------- ---- --
-------- -- -
----------------- ------ -- ------------
--
------------ -- -
--------------------- -- ---- ----- -- -----
---总结
cop.js 提供了一个简单的方法来复制文本到剪贴板，无需处理浏览器兼容性问题。它支持多种浏览器，并提供了一些额外的功能，使开发过程更加简单。我们希望这篇文章为你提供有价值的信息，尝试使用 cop.js 来优化你的前端开发体验吧！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005587881e8991b448d5b8c