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

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

Patricia Arquette

リリース： 2024-12-14 08:07:10

オリジナル

156 人が閲覧しました

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