欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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>
相关标签: react