Js实现复制到剪切板

in 归档 with 0 comment

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

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

  1. 先引入js,这个js需要在HTML前面引入
<script src="http://lib.baomitu.com/clipboard.js/1.7.1/clipboard.min.js"></script>
  1. Html,比如实现点击Button复制内容
<button id="copy_id" data-clipboard-text="要复制的内容" >复制链接</button>
  1. 自己的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可用

Responses