異なるブラウザ間で貼り付けたテキストをキャプチャしてクリーンアップするにはどうすればよいですか?

クロスブラウザーで貼り付けられたテキストをキャッチしてクリーンアップする

テキストを 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 中国語 Web サイトの他の関連記事を参照してください。