复制（点击复制地址、文案）

最新推荐文章于 2021-11-19 10:21:20 发布

原创最新推荐文章于 2021-11-19 10:21:20 发布 · 2.1k 阅读

0 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

17 篇文章

订阅专栏

该段代码展示了如何实现一个复制按钮功能，当点击按钮时，将文本区域内的链接地址和访问验证码复制到剪贴板，并显示‘复制成功’的提示信息。

<div
  style={{ position: "absolute", left: "-500px", top: "-500px" }}
 >
   <TextArea
     id="copyContent"
     value={`链接地址：${record.url}\n访问验证码：${record.code}`}
   />
 </div>
 <button onClick={this.onCopy}>复制地址</button>

 onCopy= (e) => {
    const copyContent = document.getElementById("copyContent");
    copyContent.select();
    document.execCommand("copy");    
    message.success("复制成功");
  };