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

2025专业AI写手!

于 2023-09-19 16:06:58 发布

阅读量130

点赞数

CC 4.0 BY-SA版权

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

本文链接：https://blog.youkuaiyun.com/AIB_Kasic/article/details/133033474

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

1 篇文章

订阅专栏

博客涉及前端与Java Servlet相关信息技术内容，但具体内容缺失。前端开发注重页面展示与交互，Java Servlet则是后端处理请求的重要技术，二者结合可构建完整Web应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// 提供复制文本的方法
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('复制失败')
      },
    )
  }
}