設置瀏覽器複製內容

萬惡的產品經理提出需求,須要用戶點擊按鈕進行內容輔助瀏覽器

```
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)
}複製代碼
相關文章
相關標籤/搜索