首頁 > web前端 > js教程 > 如何在不同瀏覽器中擷取和清理貼上的文字?

如何在不同瀏覽器中擷取和清理貼上的文字?

Patricia Arquette
發布: 2024-12-14 08:07:10
原創
155 人瀏覽過

How Can I Capture and Clean Pasted Text Across Different Browsers?

跨瀏覽器捕獲和清理貼上的文字

將文字貼到Web 應用程式中通常會引起一個問題:在過濾貼上的資料時保留格式。本文探討了應對這項挑戰的跨瀏覽器解決方案。

解決方案 1:現代瀏覽器的純文字支援

適用於 IE6、Firefox 22、Chrome、Safari和Edge,可以使用以下程式碼片段來捕獲和處理貼上的內容text:

function handlePaste(e) {
  var clipboardData, pastedData;

  // Stop data actually being pasted into div
  e.stopPropagation();
  e.preventDefault();

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

  // Do whatever with pasteddata
  alert(pastedData);
}

document.getElementById('editableDiv').addEventListener('paste', handlePaste);
登入後複製

此方法從剪貼簿中提取純文字並允許進一步處理,確保目標元素中的原始格式不受影響。

以上是如何在不同瀏覽器中擷取和清理貼上的文字?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板