当前位置: 首页 > 科技观察

告别Flash和臃肿的框架!这个30000Star开源工具帮你提高效率

时间:2023-03-17 12:08:10 科技观察

为什么选择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属性,该属性值是一个选择器,用于选择要复制的元素。从其他元素中剪切内容触发元素添加data-clipboard-action属性,属性值可以是复制或者剪切,设置剪切来剪切粘贴内容,默认是复制。Mussumipsumcacilds...Cuttoclipboard注意:cut只在