在html中实现复制功能

首先需要引入一个 clipboard.js

使用script 直接引入地址或者下载本地引入均可

如何使用?

// 该div是用来模拟点击操作，为了不在页面中显示，使用定位位移到视觉外
<div  id="targetEl" style=" opacity: 0;position: absolute;left: 99999999px;top: 999999999999px;  "></div>
// 真实触发复制功能
<button class="submit" onclick="setCopy(66666666)">复制</button>
function setCopy(content) {
        $("#targetEl").attr("data-clipboard-text", content);
        let clipboard1 = new ClipboardJS("#targetEl");
        $("#targetEl").click();
      }

至此就完成了复制功能
但是需要注意，主动触发 setCopy 方法是不生效的，需要有用户交互才能设置粘贴板