Clipboard API All In One

Clipboard API All In One navigator.clipboard

Clipboard API All In One

click copy

三種方法可以實作剪貼闆操作

1. Document.execCommand()
2. 異步的 Clipboard API
3. copy 事件和 paste 事件 & cut 事件

document.execCommand ????

document.execCommand('copy');
// true


document.execCommand('copy');
// 複制
document.execCommand('cut');
// 剪切
document.execCommand('paste');
// 粘貼      

​​https://developer.mozilla.org/en-US/docs/Web/API/Document/execCommand​​

navigator.clipboard

navigator.clipboard
.readText()
.then(clipText => document.querySelector(".editor").innerText += clipText);      

​​https://developer.mozilla.org/en-US/docs/Web/API/Navigator/clipboard​​

​​https://developer.mozilla.org/en-US/docs/Web/API/Clipboard_API​​

​​https://developer.mozilla.org/en-US/docs/Web/API/ClipboardEvent​​

copy & paste & cut