标签中的文本到剪切板
一、原理分析
)
select() 方法，选中输入框的文本，然后调用 copy 命令，将文本复制到剪切板
和
<button onclick=<span style="color: #800000;">"<span style="color: #800000;">copyText()<span style="color: #800000;">">copy
标签中的文本到剪切板
一、原理分析
select() 方法，选中输入框的文本，然后调用 copy 命令，将文本复制到剪切板
和
<button onclick=<span style="color: #800000;">"<span style="color: #800000;">copyText()<span style="color: #800000;">">copy
三、一键复制
</span><span style="color: #0000ff;">if</span><span style="color: #000000;"> (attr) {
target </span>= document.createElement(<span style="color: #800000;">'</span><span style="color: #800000;">div</span><span style="color: #800000;">'</span><span style="color: #000000;">);
target.id </span>= <span style="color: #800000;">'</span><span style="color: #800000;">tempTarget</span><span style="color: #800000;">'</span><span style="color: #000000;">;
target.style.opacity </span>= <span style="color: #800000;">'</span><span style="color: #800000;">0</span><span style="color: #800000;">'</span><span style="color: #000000;">;
</span><span style="color: #0000ff;">if</span><span style="color: #000000;"> (id) {
let curNode </span>= document.querySelector(<span style="color: #800000;">'</span><span style="color: #800000;">#</span><span style="color: #800000;">'</span> +<span style="color: #000000;"> id);
target.innerText </span>=<span style="color: #000000;"> curNode[attr];
} </span><span style="color: #0000ff;">else</span><span style="color: #000000;"> {
target.innerText </span>=<span style="color: #000000;"> attr;
}
document.body.appendChild(target);
} </span><span style="color: #0000ff;">else</span><span style="color: #000000;"> {
target </span>= document.querySelector(<span style="color: #800000;">'</span><span style="color: #800000;">#</span><span style="color: #800000;">'</span> +<span style="color: #000000;"> id);
}
</span><span style="color: #0000ff;">try</span><span style="color: #000000;"> {
let range </span>=<span style="color: #000000;"> document.createRange();
range.selectNode(target);
window.getSelection().removeAllRanges();
window.getSelection().addRange(range);
document.execCommand(</span><span style="color: #800000;">'</span><span style="color: #800000;">copy</span><span style="color: #800000;">'</span><span style="color: #000000;">);
window.getSelection().removeAllRanges();
console.log(</span><span style="color: #800000;">'</span><span style="color: #800000;">复制成功</span><span style="color: #800000;">'</span><span style="color: #000000;">)
} </span><span style="color: #0000ff;">catch</span><span style="color: #000000;"> (e) {
console.log(</span><span style="color: #800000;">'</span><span style="color: #800000;">复制失败</span><span style="color: #800000;">'</span><span style="color: #000000;">)
}
</span><span style="color: #0000ff;">if</span><span style="color: #000000;"> (attr) {
</span><span style="color: #008000;">//</span><span style="color: #008000;"> remove temp target</span>
<span style="color: #000000;"> target.parentElement.removeChild(target);
}
}
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。