码迷,mamicode.com
首页 > Web开发 > 详细

使用JS实现复制粘贴功能

时间:2020-01-14 23:36:28      阅读:123      评论:0      收藏:0      [点我收藏+]

标签:code   doc   script   click   white   ||   命令   show   val   

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

标签:code   doc   script   click   white   ||   命令   show   val   

原文地址:https://www.cnblogs.com/sugartang/p/12066799.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!