如何在不同浏览器中捕获和清理粘贴的文本？

跨浏览器捕获和清理粘贴的文本

将文本粘贴到 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中文网其他相关文章！