Wie rufe ich den Inhalt der Zwischenablage mit der JavaScript-Zwischenablage-API ab?

Abrufen der Zwischenablage in JavaScript

Das Erkennen des Inhalts der Zwischenablage und das automatische Einfügen in ein Textfeld ist eine häufige Aufgabe in JavaScript-Anwendungen. Dieser Leitfaden zeigt eine Lösung mit der modernen Clipboard-API.

Lösung

Um den Inhalt der Zwischenablage abzurufen, verwenden Sie die Methode navigator.clipboard.readText(). Diese API wird in den meisten modernen Browsern unterstützt, außer Firefox 109 und höher. Die Syntax für async/await lautet wie folgt:

<code class="javascript">const text = await navigator.clipboard.readText();</code>

Verwenden Sie für die Promise-Syntax:

<code class="javascript">navigator.clipboard.readText()
  .then(text => {
    console.log('Pasted content: ', text);
  })
  .catch(err => {
    console.error('Failed to read clipboard contents: ', err);
  });</code>

Berechtigungsanfrage

Beachten Sie Folgendes Für die Methode readText() ist eine Benutzererlaubnis erforderlich. Benutzern wird ein Dialogfeld angezeigt, in dem sie um Erlaubnis zum Zugriff auf ihre Zwischenablage gebeten werden. Stellen Sie sicher, dass Ihre Anwendung diese Berechtigungsanfrage ordnungsgemäß verarbeitet.

Konsolenausführung

Diese Lösung funktioniert nicht, wenn sie direkt von der Konsole aufgerufen wird. Sie können eine Zeitüberschreitung festlegen, um den Code auszuführen, sobald ein Browserfenster aktiv ist:

<code class="javascript">setTimeout(async () => {
  const text = await navigator.clipboard.readText();
  console.log(text);
}, 2000);</code>

Zusätzliche Ressourcen

Weitere Informationen zur Clipboard-API finden Sie im Folgende Ressourcen:

• [Google Developer Docs](https://developers.google.com/web/updates/2018/03/clipboardapi)
• [MDN Web Docs]( https://developer.mozilla.org/en-US/docs/Web/API/Clipboard)

Das obige ist der detaillierte Inhalt vonWie rufe ich den Inhalt der Zwischenablage mit der JavaScript-Zwischenablage-API ab?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!