JavaScript 技術篇-chrome利用ClipboardEvent寫入剪切板,沒成功的你就差一步

開始用 ClipboardEvent 怎麼也不成功,後來仔細閱讀開發文檔才發現,需要通過 document.execCommand() 來執行 copypastecut 命令,進而觸發 ClipboardEvent 事件,才成功的。
在這裏插入圖片描述
我的 el 是綁定的某個 dom 節點,你可以直接替換爲 document 也可以。

function handler(event) {
	event.clipboardData.setData('text/plain', "要進行復制的內容");
	event.preventDefault();
}
el.addEventListener('copy', handler);   // 增加copy監聽
el.execCommand('copy');   // 執行copy命令觸發監聽
el.removeEventListener('copy', handler);   // 移除copy監聽,不產生影響

喜歡的點個贊❤吧!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章