利用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  一键复制