JS实现复制文本内容到剪切板
程序员文章站
2022-05-16 11:22:37
...
上代码:
1.已知要粘贴的文本内容,就可以直接把内容作为参数传递。
2.不知道文本内容,需要从元素获取,可以用一下代码
var test=document.getElementById(“id名”).innerText;
//test是文本内容。
copyText = (test) =>{
//不知道文本内容,需要从元素获取,可以用一下代码
//var test=document.getElementById("id名").innerText;
var oInput = document.createElement('input');
oInput.value = test;
document.body.appendChild(oInput);
oInput.select(); // 选择对象
document.execCommand("Copy"); // 执行浏览器复制命令
oInput.className = 'oInput';
oInput.style.display='none';
message.success('复制成功');
}
//jsx
<Descriptions>
<Descriptions.Item label="账户" span={8}>
{invoiceDetail?.name?? '--'} <CopyTwoTone onClick={() => {this.copyText(invoiceDetail?.name)}}/>
</Descriptions.Item>
<Descriptions.Item label="密码" span={8}>
{invoiceDetail?.pwd?? '--'} <CopyTwoTone onClick={() => {this.copyText(invoiceDetail?.pwd)}}/>
</Descriptions.Item>
</Descriptions>