JavaScript 操作剪贴板（npm）

发表于2019-08-02，长度538， 61个单词， 1分钟读完

---

想要在浏览器中不用ctrl+C复制内容到剪贴板，而是通过点击或者鼠标滑过就能自动复制。百度谷歌了好久，都没找都得心应手的方法。 有的是要创建Range，有的是只能使用文本框。

偶然的机会，看到了一个github库：clipboard-polyfill。浏览了一下正合我意：可以通过npm安装而不用特意引入js；使用简单，只要调用一个方法就可以；将想放入剪贴板的文本通过参数传递即可。

npm 安装

直接执行

npm install clipboard-polyfill

就可以了。

使用

## 1. 同步 通过

import * as clipboard from "clipboard-polyfill"

引入这个工具。在需要的地方或时机调用

clipboard.writeText(`要复制的内容`);

即可。比如在结点的onClick事件中，等等。

2. 异步

异步要导入的文件比同步要大很多，所以并不推荐。

通过 import * as clipboard from "clipboard-polyfill/build/clipboard-polyfill.promise" 引入，用法和同步一样。

资料

请参阅原库：https://github.com/lgarron/clipboard-polyfill

Written on August 2, 2019

分类： dev， 标签： javascript

---

• 分享到
• 
• 
• 
• 
• 
• 
• 

如果你喜欢，请赞赏！