clipboard低版本浏览器兼容性问题

最新推荐文章于 2024-07-12 16:55:56 发布

Bynine9

最新推荐文章于 2024-07-12 16:55:56 发布

阅读量108

点赞数 1

文章标签：前端 javascript html

本文链接：https://blog.csdn.net/Bynine9/article/details/139239183

版权

navigator.clipboard兼容性不是很好，低版本浏览器不支持

const copyText = (text: string) => {
  return new Promise(resolve => {
    if (navigator.clipboard?.writeText) {
      return resolve(navigator.clipboard.writeText(text))
    }
    // 创建输入框
    const textarea = document.createElement('textarea')
    document.body.appendChild(textarea)
    // 隐藏此输入框
    textarea.style.position = 'absolute'
    textarea.style.clip = 'rect(0 0 0 0)'
    // 赋值
    textarea.value = text
    // 选中
    textarea.select()
    // 复制
    document.execCommand('copy', true)
    textarea.remove()
    return resolve(true)
  })
}