Wie kann ich mithilfe von JavaScript Daten aus der Zwischenablage beim Einfügen in verschiedenen Browsern abrufen?

Browserübergreifende JavaScript-Methode zum Abrufen von Zwischenablagedaten bei Einfügeereignis

In Webanwendungen ist das Abrufen der von einem Benutzer eingefügten Zwischenablagedaten für verschiedene Szenarien von entscheidender Bedeutung. Sehen wir uns eine Lösung an, die es Ihnen ermöglicht, eingefügte Daten über mehrere Browser hinweg zu erfassen und zu verarbeiten und dabei alle vorhandenen Formatierungen im Texteditor beizubehalten.

Lösung Nr. 1: Nur einfachen Text verarbeiten (Firefox 22 wird unterstützt)

Dieser Ansatz funktioniert für eine Vielzahl von Browsern, einschließlich:

• Internet Explorer 6
• Firefox 22
• Chrome
• Safari
• Microsoft Edge

Funktionalität:

• Erfasst reine Textdaten, die in den Text eingefügt werden Editor.
• Verarbeitet keine HTML-Inhalte oder Firefox-Versionen unter 22.

Implementierung:

function handlePaste(e) {
  var clipboardData, pastedData;

  // Stop actual pasting into the div
  e.stopPropagation();
  e.preventDefault();

  // Retrieve pasted data through clipboard API
  clipboardData = e.clipboardData || window.clipboardData;
  pastedData = clipboardData.getData('Text');

  // Perform desired operations with the pasted data (e.g., alert)
  alert(pastedData);
}

// Attach the event listener to the text editor
document.getElementById('editableDiv').addEventListener('paste', handlePaste);

HTML-Markup :

<div>

Das obige ist der detaillierte Inhalt vonWie kann ich mithilfe von JavaScript Daten aus der Zwischenablage beim Einfügen in verschiedenen Browsern abrufen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!