異なるブラウザ間で貼り付け時にクリップボード データを確実に取得するにはどうすればよいですか?

貼り付けイベントでクリップボード データを取得するためのクロスブラウザ メソッド

問題

貼り付けイベントをキャプチャし、貼り付けるデータにアクセスするのは困難であることが判明ブラウザ。目標は、リッチ テキスト エディター内の既存の書式設定を維持しながら、受信した貼り付けテキストから HTML タグを事前に削除することです。

解決策

解決策 #1 (プレーン テキストのみ、Firefox 22):

このメソッドは IE6 、Firefox 22 、 Chrome、Safari、Edge (IE9 でテスト済み)。プレーンテキストのキャプチャには優れていますが、HTML の貼り付けや Firefox バージョン 22 より前のバージョンはサポートされていません。

function handlePaste(e) {
  // Prevent data from being pasted directly into the div
  e.stopPropagation();
  e.preventDefault();

  // Access the clipboard data through the API
  let clipboardData = e.clipboardData || window.clipboardData;

  // Extract the pasted text
  let pastedData = clipboardData.getData('Text');

  // Process the pasted data as desired
  alert(pastedData);
}

// Register the paste event listener on the editable div
document.getElementById('editableDiv').addEventListener('paste', handlePaste);

<div>

以上が異なるブラウザ間で貼り付け時にクリップボード データを確実に取得するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。