设置浏览器复制内容

300 阅读1分钟

万恶的产品经理提出需求,需要用户点击按钮进行内容辅助

```
btn.ondblclick = (el) => {
  const copy = (e) => {
    //设置复制内容
    e.clipboardData.setData('text', el.innerText)
    //取消事件的默认动作 防止复制不需要的文本
    e.preventDefault()
  }
  // 监听浏览器的copy方法
  document.addEventListener('copy', copy)
  // 主动唤醒浏览器的copy方法
  if (document.execCommand('copy')) {
    console.log('复制成功')
  } else {
    console.err('复制失败')
  }
  //设置完毕后需要清空,不然会影响后续用户自己的复制内容
  document.removeEventListener('copy', copy)
}