web复制到剪切板js

web复制到剪切板 clipboard.js 好使！开源项目，下载地址：

https://github.com/zenorocha/clipboard.js

 

使用方法：

引入 clipboard.min.js ，在 dist 目录下可以找到：

<script type="text/javascript" src="__PUBLIC__/js/clipboard.min.js"></script> 

 

点击复制

<a data-clipboard-text="待复制内容" class="copy" target="_blank">点击复制</a>

 

也可以这样 ：

<input type="text" id="url" value="http://www.cnblogs.com" size="60" name="title" >

<input class="btn btn-primary btn2" data-clipboard-target="#url" name="sub" id="copy" value="复制引用链接" type="submit">

 

初始化组件：

<script>
        var clipboard = new Clipboard('.copy');  // 或 #copy

        clipboard.on('success', function(e) {
             //console.log(e);
             alert('复制成功');
        });
     
         clipboard.on('error', function(e) {
             console.log(e);
         });
</script>

 

转载于:https://www.cnblogs.com/dwj192/p/7028194.html