<span id="copy">要复制的文本</span>
<p onclick="clickCopy()" style="color: #66b1ff">点击复制</p>
<input id="copyContent" type="text" style="border:none;opacity:0;position:absolute;top:0;left:0;">
function clickCopy() {
let target = document.getElementById('copy');
let content = target.innerText;
let inputObj = document.getElementById('copyContent');
inputObj.value = content;
inputObj.select();
document.execCommand("Copy");
alert('复制成功');
}
原理:首先要先添加一个空的input框,这个是用来存储要复制的文本的,将input框的颜色设置为透明,定位到影响不到内容的地方,获取要复制元素,获取到元素中的文本,获取到input框,将获取到的文本赋值给input框,执行select方法,选中input中的所有文本,使用document.execCommand(“Copy”)方法复制文本
document.execCommand:允许对可编辑内容区域的内容进行操作