天天看點

JavaScript 技術篇-chrome利用ClipboardEvent寫入剪切闆,chrome寫入剪切闆不成功解決方法

開始用 ClipboardEvent 怎麼也不成功,後來仔細閱讀開發文檔才發現,需要通過 document.execCommand() 來執行 copy、paste 和 cut 指令,進而觸發 ClipboardEvent 事件,才成功的。

JavaScript 技術篇-chrome利用ClipboardEvent寫入剪切闆,chrome寫入剪切闆不成功解決方法
我的 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監聽,不産生影響      

喜歡的點個贊❤吧!

繼續閱讀