复制文本

最新推荐文章于 2024-09-13 09:04:19 发布

嚣张.miner

最新推荐文章于 2024-09-13 09:04:19 发布

阅读量378

点赞数

分类专栏： JavaScript 文章标签：复制文本

本文链接：https://blog.youkuaiyun.com/zm_miner/article/details/114263215

版权

JavaScript 专栏收录该内容

18 篇文章

订阅专栏

在这里插入图片描述

点击复制操作
代码如下:

 <Tooltip title="点击复制">
      <a onClick={() => copyText(`${'212121dsaf'}`)}><Icon type="copy" /></a>
 </Tooltip>
 <input type="text" id="copy" style={{ opacity: 0, height: 0 }} />

复制事件:

  const copyText = (text) => {
    const input = document.querySelector('#copy');
    input.value = text;
    input.select();
    if (document.execCommand('copy')) {
      message.success('复制成功');
    } else {
      message.error('复制失败');
    }
  };