Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

ClipboardItem: types-Eigenschaft

Baseline 2024
Neu verfügbar

Seit June 2024 funktioniert diese Funktion auf aktuellen Geräten und in aktuellen Browserversionen. Auf älteren Geräten oder in älteren Browsern funktioniert sie möglicherweise nicht.

Sicherer Kontext: Diese Funktion ist nur in sicheren Kontexten (HTTPS) in einigen oder allen unterstützenden Browsern verfügbar.

Die schreibgeschützte types-Eigenschaft der ClipboardItem-Schnittstelle gibt ein Array von MIME-Typen zurück, die innerhalb des ClipboardItem verfügbar sind.

Wert

Ein Array der verfügbaren MIME-Typen.

Beispiele

Im untenstehenden Beispiel geben wir alle Elemente in der Zwischenablage über die Clipboard.read()-Methode zurück, überprüfen dann die types-Eigenschaft auf verfügbare Typen, bevor wir die ClipboardItem.getType()-Methode verwenden, um jedes Datenelement als Blob zurückzugeben. Wenn für den angegebenen Typ keine Inhalte in der Zwischenablage gefunden werden, wird ein Fehler zurückgegeben.

js
async function getClipboardContents() {
  try {
    const clipboardItems = await navigator.clipboard.read();

    for (const clipboardItem of clipboardItems) {
      for (const type of clipboardItem.types) {
        const blob = await clipboardItem.getType(type);
        // we can now use blob here
      }
    }
  } catch (err) {
    console.error(err.name, err.message);
  }
}

Spezifikationen

Spezifikation
Clipboard API and events
# dom-clipboarditem-types

Browser-Kompatibilität

Siehe auch