首頁 > web前端 > js教程 > 主體

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

Barbara Streisand
發布: 2024-10-28 03:54:01
原創
584 人瀏覽過

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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!