Wie kann ich Klartext aus eingefügten Daten in JavaScript browserübergreifend abfangen und extrahieren?

Erkennen und Abrufen eingefügter Daten in JavaScript (browserübergreifend)

Webanwendungen müssen häufig Daten erfassen und vorverarbeiten, bevor sie vorliegen in einen Texteditor eingefügt. Dies kann das Entfernen bestimmter Elemente, wie z. B. HTML-Tags, unter Beibehaltung der vorhandenen Formatierung umfassen. Herkömmliche Techniken zur Bereinigung nach dem Einfügen können jedoch die vorherige Textformatierung beeinträchtigen.

Um dieser Herausforderung zu begegnen, untersuchen wir eine Lösung, die moderne Browser-APIs nutzt, um Einfügeereignisse abzufangen und eingefügte Daten abzurufen:

Lösung Nr. 1: Nur-Text-Extraktion (Firefox 22 und moderne Browser)

Für Browser, die das unterstützen DataTransfer-API (z. B. IE9, Firefox 22, Chrome, Safari, Edge) ermöglicht der folgende Ansatz die selektive Extraktion von Klartext aus den Zwischenablagedaten:

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);

Diese Lösung nutzt e.clipboardData.getData( 'Text')-Methode zum Extrahieren des Klartextinhalts aus den während des Einfügeereignisses übertragenen Daten.

Das obige ist der detaillierte Inhalt vonWie kann ich Klartext aus eingefügten Daten in JavaScript browserübergreifend abfangen und extrahieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!