为什么选择clipboard.js复制文本到剪贴板应该不复杂,应该不需要几十步配置或者几百KB加载,更应该依赖Flash或其他臃肿的框架。clipboard.js摆脱了这些限制,可以实现对剪贴板的便捷、轻量级操作。安装npm安装:npminstallclipboard--保存或下载压缩包文件:https://github.com/zenorocha/clipboard.js/archive/master.zip配置如果已经通过npm安装,直接导入:importClipboardJSfrom"clipboard";如果没有npm管理,需要通过脚本导入或者通过第三方CDN加载。然后通过传入DOM选择器或HTML元素或HTML元素数组来创建剪贴板实例。newClipboardJS('.btn');一般来说,你需要为所有符合条件的元素添加监听事件,但是如果符合条件的元素很多,这会消耗大量内存。所以clipboard.js使用了事件代理,将所有的监听器替换为一个监听器,最大程度的保证了性能。使用从其他元素复制内容如果需要从其他元素复制内容,可以在触发元素中添加data-clipboard-target属性,该属性值是一个选择器,用于选择要复制的元素。
