利用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、点击 关注公众号 可通过公众号访问。

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

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

4、QQ/微信:276884091(夜猫子上午一般不在)

发表评论

登录后才能评论
联系微信
联系微信
联系QQ
公众号
公众号
博客留言
返回顶部