利用clipboard.min.js实现文本一键复制

标签:

可以添加多个,示例是两个。

<p id="copyValue">要复制的内容1111</p>
<button class="layui-btn layui-btn-primary" type="button" data-clipboard-target='#copyValue'>一键复制</button>

<p id="copyValue2">要复制的内容222</p>
<button class="layui-btn layui-btn-primary" type="button" data-clipboard-target='#copyValue2'>一键复制</button>

js代码:

注意第一行的/phpwc/myjscss/clipboard.min.js 要修改成自己的JS路径地址。

<script src="/phpwc/myjscss/clipboard.min.js" type="text/javascript"></script>
<script>
var clipboard = new Clipboard('button');
clipboard.on('success',function(e){
 e.clearSelection();
 alert('复制成功');
 });
clipboard.on('error',function(e){
 e.clearSelection();
 alert('复制失败');
 });
</script>

clipboard.min.js下载:
链接:https://pan.baidu.com/s/11fn8n1wfjEW9qYlirjyYeQ
提取码:xuxu  

1、QQ/微信:1228661029

2、订阅phpwc( 戳我关注公众号) 。

3、订单有疑问请点击 订单售后 反馈。

4、发现违法/侵权内容请点击 页面投诉 反馈。

5、虚拟产品售出不退,详见:《网站协议》

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫

相关推荐

发表评论

登录后才能评论
联系客服
公众号
公众号
留言交流
返回顶部