Clipboard粘贴板操作

Clipboard粘贴板操作

参考文档：https://www.jianshu.com/p/3f8867de041e

基本使用

1 引入插件

2 使用

• 在js中新建一个Clipboard对象，new Clipboard('.btn'); 括号中的为触发事件的按钮
• 然后在html中添加属性，给文字标签添加value="https://github.com/zenorocha/clipboard.js.git" ,给触发事件的标签添加data-clipboard-target="#foo"
• 成功

3 组件

e.clearSelection()

取消所有选择的节点（类似return false，可以防止手机端在复制input标签后出现的弹出键盘）
使用：

        var clipboard = new Clipboard('#copy_wx');
        clipboard.on('success', function(e) {
            layer.msg( '复制成功',{  time:1500, shade: 0.3  });
            e.clearSelection();
        });
        clipboard.on('error', function(e) {
            layer.msg( '浏览器不支持复制功能，请手动复制',{  time:1500, shade: 0.3  });
            e.clearSelection();
        });