如何使用 JavaScript 跨不同瀏覽器檢索貼上時的剪貼簿資料？

在貼上事件中擷取剪貼簿資料的跨瀏覽器JavaScript 方法

在Web 應用程式中，擷取使用者貼上的剪貼簿資料對於各種場景至關重要。讓我們深入研究一個解決方案，該解決方案使您能夠跨多個瀏覽器捕獲和處理貼上的數據，並保留文字編輯器中的任何現有格式。

解決方案#1：僅處理純文字（支援Firefox 22）

此方法適用於多種瀏覽器，包括：

• Internet Explorer 6
• Firefox 22
• Chrome
• Safari
• Microsoft Edge

功能：

• 功能：
• 不處理 HTML 內容或 22 以下的 Firefox 版本。

實作：

function handlePaste(e) {
  var clipboardData, pastedData;

  // Stop actual pasting into the div
  e.stopPropagation();
  e.preventDefault();

  // Retrieve pasted data through clipboard API
  clipboardData = e.clipboardData || window.clipboardData;
  pastedData = clipboardData.getData('Text');

  // Perform desired operations with the pasted data (e.g., alert)
  alert(pastedData);
}

// Attach the event listener to the text editor
document.getElementById('editableDiv').addEventListener('paste', handlePaste);

HTML 標籤：

<div>

以上是如何使用 JavaScript 跨不同瀏覽器檢索貼上時的剪貼簿資料？的詳細內容。更多資訊請關注PHP中文網其他相關文章！