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