react antd tabel tooltip 点击复制

zPeng-

已于 2022-08-08 16:28:16 修改

阅读量1k

点赞数

文章标签： react.js 前端

于 2022-08-08 16:26:28 首次发布

本文链接：https://blog.csdn.net/weixin_43319667/article/details/126230127

版权

jsx document.execCommand 文本复制事件处理前端开发

关键词由CSDN通过智能技术生成

jsx语法 + document.execCommand('copy')

在render中 ,onclick ={copy} ,如果没有tooltip,可以直接进行点击事件,方法中的判断可以不写

 //点击复制

  const copy = (e) => {

    const range = document.createRange()

    window.getSelection()?.removeAllRanges()

    //这个地方有时候会进行省略,做下判断如果是省略部分,就直接return,否则复制

    if (e.target.innerText.indexOf('...') != -1) {

      return

    } else {

      range.selectNode(e.target)

    }

    window.getSelection()?.addRange(range)

    const sucful = document.execCommand('copy')

    if (sucful) {

      message.success('复制成功')

    }

  }

效果图