前言：
我们平时在页面中是按照长按来实现复制相关的内容，那么怎么用js实现点击按钮实现复制相关的内容呢？请看如下方法：
实现步骤：
1、引入相关的js（ClipboardJS插件）
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.0/clipboard.min.js"></script> <script type="text/javascript" src="https://lib.baomitu.com/clipboard.js/1.6.1/clipboard.min.js"></script>
2、html布局
<p class="state" id="mykeyPassword"> 这里是需要复制的内容 </p> <span class="copyWord" id="copyButton" data-clipboard-action="copy" data-clipboard-target="#mykeyPassword" style="cursor: pointer" onclick=""> 点击复制内容 </span>
注意：点击按钮的data-clipboard-target 属性值一定要与被复制标签的id保持一致
3、js的具体实现
var clipboard = new ClipboardJS(‘#copyButton‘); clipboard.on(‘success‘, function (e) { //复制成功 }); clipboard.on(‘error‘, function (e) { console.log("复制失败,请重试"); }); 备注：这里默认监听点击复制事件
注意：
1、需要给span 加上cursor:pointer 这个属性，否则在ios13以下的系统无法实现复制效果！
2、同时加上onclick=‘‘ ‘‘
原文：https://www.cnblogs.com/teamemory/p/11742113.html