复制信息,一个Ctrl
+C
快捷键操作的交互,看似简单,如何通过JS实现?推荐一款JS插件来解决。
插件官网地址:https://clipboardjs.com(英文)。
第一步、安装
npm install clipboard --save
第二步、使用
支持绑定至DOM
选择器、HTML
元素或HTML
元素列表。
<button class="tag-id" data-clipboard-text="messageText" @click="copy">立刻复制</button>
实例化以及回调处理。
copy() { let clipboard = new Clipboard(".tag-id"); clipboard.on("success", e => { //复制成功 clipboard.destroy(); }); clipboard.on("error", e => { //复制失败 clipboard.destroy(); }); }