JavaScript 剪貼簿使用示範(Clipboard API)

Clipboard API

Clipboard API 是最建議使用的存取剪貼簿的方式，用以取代舊的 document.execCommand 。

將內容寫入剪貼簿

    
let text = "Hello World!";

navigator.clipboard.writeText(text).then(function () {
    console.log('已將內容寫入至剪貼簿');
}, function () {
    console.error('無法將內容寫入剪貼簿');
});
    

取得剪貼簿內容

    
    navigator.clipboard.readText().then(
        (clipText) => {
            console.log(`剪貼簿的內容是: ${clipText}`);
        }
    );
    

取得剪貼簿內容的方法是非同步，在存取時瀏覽器很可能會詢問(筆者在測試時 Firefox 可以直接讀取出內容)後才能夠取得資料。

參考資料：
mdn web docs - Document: execCommand() method
mdn web docs - Clipboard API