Js实现复制到剪切板

网上看了一堆剪切板复制，都是这个抄那个，写的什么玩意，没一个能用的，越看越乱。

这里实现复制到剪切板需要引入外部 js clipboard.js。

1. 先引入js，这个js需要在HTML前面引入

   <script src="http://lib.baomitu.com/clipboard.js/1.7.1/clipboard.min.js"></script>

2. Html，比如实现点击Button复制内容

<button id="copy_id" data-clipboard-text="要复制的内容" >复制链接</button>

3. 自己的js代码，这里是实现js复制到剪切板以及之后的流程代码

<script type="text/javascript">
 var clipboard = new Clipboard('#copy_id'); // 获取要监听的剪切元素
    clipboard.on('success', function (e) {
        //这里处理复制成功后的方法
        alert("复制成功");

    });
    clipboard.on('error', function(e) {
        //复制失败
        alert("复制失败");
    });
</script>

到这里复制就完成了，至少Chrome可用