【前端】复制文本兼容性函数

最新推荐文章于 2024-06-22 15:10:18 发布

土生土长的IU

最新推荐文章于 2024-06-22 15:10:18 发布

阅读量74

点赞数

分类专栏：前端工具函数文章标签：前端 java servlet

本文链接：https://blog.csdn.net/AIB_Kasic/article/details/133033474

版权

前端工具函数专栏收录该内容

1 篇文章 0 订阅

订阅专栏

// 提供复制文本的方法
const copyText = (textToCopy) => {
  if (navigator.clipboard && window.isSecureContext) {
    navigator.clipboard
      .writeText(textToCopy)
      .then(() => {
        Message.success('复制成功')
      })
      .catch(() => {
        Message.error('复制失败')
      })
  } else {
    // 创建text area
    const textArea = document.createElement('textarea')
    textArea.value = textToCopy
    // 使text area不在viewport，同时设置不可见
    document.body.appendChild(textArea)
    textArea.focus()
    textArea.select()
    return new Promise((resolve, reject) => {
      // 执行复制命令并移除文本框
      document.execCommand('copy') ? resolve() : reject(new Error('出错了'))
      textArea.remove()
    }).then(
      () => {
        Message.success('复制成功')
      },
      () => {
        Message.error('复制失败')
      },
    )
  }
}