前端一键复制粘贴插件——clipboard.js的使用

将文本复制到剪贴板应该不难。配置它不需要几十个步骤，也不需要加载数百KB的js文件 。但最重要的是，它不应该依赖 Flash或任何臃肿的框架。这就是 clipboard.js存在的原因。

安装

从npm 安装

npm install clipboard --save

或者，如果您不喜欢包管理，只需下载一个ZIP文件

设置

• script 引入

  <script src="dist/clipboard.min.js"></script>

• 三方 CDN引入

现在需要通过传递一个DOM选择器、一个HTML标签或者一组HTML标签来实例化它

new ClipboardJS('.btn');  //通过类名.btn的元素实例化

在内部，我们需要获取与选择器匹配的所有元素，并为每个元素附加事件监听器。但你猜怎么着?如果有数百个匹配项，则此操作会消耗大量内存。
因此，我们使用事件委托，它将多个事件侦听器替换为一个侦听器。