如何使用 JavaScript Clipboard API 檢索剪貼簿內容？

JavaScript 中的剪貼簿檢索

偵測剪貼簿的內容並將其自動貼上到文字欄位是JavaScript 應用程式中的常見任務。本指南示範了使用現代剪貼簿 API 的解決方案。

解決方案

要檢索剪貼簿內容，請使用 navigator.clipboard.readText() 方法。大多數現代瀏覽器都支援此 API，Firefox 109 及更高版本除外。 async/await 的語法如下：

<code class="javascript">const text = await navigator.clipboard.readText();</code>

對於Promise 語法，使用：

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

權限請求

權限要求

控制台執行

<code class="javascript">setTimeout(async () => {
  const text = await navigator.clipboard.readText();
  console.log(text);
}, 2000);</code>

如果直接從控制台調用，此解決方案將不起作用。您可以設定瀏覽器視窗處於活動狀態後運行程式碼的逾時時間：

其他資源

• 有關剪貼簿API 的更多詳細信息，請請參閱下列資源：
• [Google 開發者文件](https://developers.google.com/web/updates/2018/03/clipboardapi)

[MDN Web 文件]( https://developer.mozilla.org/en-US/docs/Web/API/Clipboard)

以上是如何使用 JavaScript Clipboard API 檢索剪貼簿內容？的詳細內容。更多資訊請關注PHP中文網其他相關文章！