使用JS实现复制粘贴功能

Posted 2020-11-24 糖~豆豆

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了使用JS实现复制粘贴功能相关的知识，希望对你有一定的参考价值。

使用JS实现复制粘贴功能

如果嵌套太多使用这个：

// 複製單號1
 // 第一步把這個放到頁面
 // <div style="position:absolute; opacity: 0;" id="copy1"></div>
 // 第二步增加按鈕設置點擊事件
 // 第三如下：
 copyNo() {
 const a = document.createElement(‘textarea‘)
 let b;
 if (this.myshow) {
 a.innerText = this.aaa[this.aaa.ccc] || ‘‘;
 } else {
 a.innerText = this.bb|| ‘‘;
 }
 b = document.getElementById(‘copy1‘)
 a.setAttribute(‘id‘, ‘copy‘);
 b.innerhtml = "";
 b.appendChild(a)
 let e: any = document.getElementById("copy");
 e.select(); // 选择对象
 document.execCommand("Copy"); // 执行浏览器复制命令
 if (a.value) {
 alert(‘Copy Success!‘);
 } else {
 alert(‘The copied content is empty!‘);
 }
 }
 // 複製單號2

如果是简单地输入框没有太多嵌套，使用这个：

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function copyLink(){
    var e = document.getElementById("copy");
    e.select(); // 选择对象
    document.execCommand("Copy"); // 执行浏览器复制命令
    alert("内容复制成功！");
}
</script>
</head>
<body>
<!-- <textarea id="copy">待复制的内容</textarea> -->
<input type="text"  id="copy">
<input type="button" onclick="copyLink()" value="点击复制"></input>
</body>
</html>

以上是关于使用JS实现复制粘贴功能的主要内容，如果未能解决你的问题，请参考以下文章