如何使用异步剪切板 AsyncClipboard API

⭐️ 更多前端技术和知识点，搜索订阅号 JS 菌 订阅

长时间我们一直在使用 document.execCommand 来与剪切板做交互，尤其是基本上都在使用 clipboard.js 这个库，其基本原理也是插入 DOM 树中一个隐藏的 textarea 元素，然后将要复制的文本写入到 textarea 元素中，最后调用 textarea 的 select 方法和 document.execCommand('copy') 方法，然后删除 textarea 元素

虽说 execCommand 能够一定程度上解决浏览器兼容问题：

即便是使用一个简单的剪切板都这么费劲需要一个第三方库，而且剪切板的这种方法是同步的。同步方法交互剪切板的阻塞、有限的访问权限、跨浏览器体验不一致、对多种数据类型的支持有限等问题解决起来也是麻烦。

这里有篇文章讲述到底该如何用 JS 操作剪切板：https://www.lucidchart.com/te...