Clipboard插件使用

在开发PicGo_Web时，点击Copy，将绑定的url复制到粘贴板中。

Copy
找到各种插件，最后选择使用Clipboard来实现这个功能

CDN加速，自行查看

0x01 引入Clipboard

1	<script type="text/javascript" src="http://www.jq22.com/demo/clipboard.js-master201703170013/dist/clipboard.min.js"></script>

0x02 指定内容

使用data-clipboard-text指定copy内容

1	<button class="layui-btn layui-btn-xs layui-btn-radius layui-btn-warm copy" id="copy" data-clipboard-text="{{ image.link }}">copy

0x03 绑定元素

当点击到copy类的时候进行拷贝操作

$(function () {    //copy链接
    var clipboard = new Clipboard('.copy');
    clipboard.on('success', function (e) {
        layer.msg("已拷贝到粘贴版");
    });

    clipboard.on('error', function (e) {
        console.log(e);
    });

});