使用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实现复制粘贴功能

最新文章

热门文章