首頁  >  文章  >  web前端  >  網頁上能否自動存取剪貼簿內容?

網頁上能否自動存取剪貼簿內容?

Barbara Streisand
Barbara Streisand原創
2024-10-28 03:54:01681瀏覽

Can You Access the Clipboard Content Automatically on a Web Page?

如何擷取網頁上目前剪貼簿內容?

本題尋求一種自動檢索剪貼板內容並插入的方法在頁面加載時寫入文本字段,無需用戶幹預。

為了實現這一點,該解決方案利用了可透過 navigator.clipboard 存取的新剪貼簿 API。實作方法如下:

使用async/await 語法:

const text = await navigator.clipboard.readText();

或使用Promise 語法:

navigator.clipboard.readText()
.then(text => {
    console.log('Pasted content: ', text);
})
.catch(err => {
    console.error('Failed to read clipboard contents: ', err);
});

注意,這種方法需要用戶許可,即透過對話框提示。此外,它無法在 Firefox 109 或更高版本中運行。

要從控制台呼叫程式碼,請設定超時並快速點擊目標網站視窗:

setTimeout(async () => {
  const text = await navigator.clipboard.readText();
  console.log(text);
}, 2000);

以了解更多有關API 及其使用的詳細信息,請參閱Google 開發者文件.

以上是網頁上能否自動存取剪貼簿內容?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn