Wie kann ich eingefügten Text in verschiedenen Browsern erfassen und bereinigen?

Eingefügten Text browserübergreifend abfangen und bereinigen

Das Einfügen von Text in Webanwendungen stellt oft ein Problem dar: Die Formatierung bleibt erhalten, während eingefügte Daten gefiltert werden. In diesem Artikel wird eine browserübergreifende Lösung für diese Herausforderung untersucht.

Lösung 1: Nur-Text-Unterstützung für moderne Browser

Für IE6, Firefox 22, Chrome, Safari und Edge kann das folgende Code-Snippet zum Erfassen und Verarbeiten von eingefügtem Text verwendet werden:

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

Dieser Ansatz extrahiert einfachen Text Text aus der Zwischenablage und ermöglicht die weitere Verarbeitung, sodass die ursprüngliche Formatierung im Zielelement unberührt bleibt.

Das obige ist der detaillierte Inhalt vonWie kann ich eingefügten Text in verschiedenen Browsern erfassen und bereinigen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!