js实现复制文本

最新推荐文章于 2024-08-22 02:17:51 发布

望星河

最新推荐文章于 2024-08-22 02:17:51 发布

阅读量2.9k

点赞数 2

分类专栏： js 文章标签： JavaScript DOM操作文本复制 execCommand 事件处理

本文链接：https://blog.csdn.net/lg7955/article/details/126648549

版权

js 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

function copyText(id) { //传id名
    const copyDOM = document.getElementById(id) // 获取将要复制的dom
    if (!copyDOM) {
      message.warning('没有内容')
      return;
    }
    // 创建text area
    const textArea = document.createElement('textarea')
    textArea.value = copyDOM.innerText
    // 使text area不在viewport，同时设置不可见
    textArea.style.position = 'absolute'
    textArea.style.opacity = '0'
    textArea.style.left = '-999999px'
    textArea.style.top = '-999999px'
    document.body.appendChild(textArea)
    textArea.focus()
    textArea.select() // 选中文本
    const successful = document.execCommand('copy') // 执行 copy 操作
    if (successful) {
      message.success('复制成功！')
    } else {
      message.warning('复制失败，请手动复制！')
    }
    textArea.remove()
  }