NavigateEvent: signal-Eigenschaft

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.

Die signal-Eigenschaft des NavigateEvent-Interfaces gibt ein AbortSignal zurück, das abgebrochen wird, wenn die Navigation storniert wird (z. B. durch das Drücken der "Stop"-Taste im Browser durch den Benutzer oder wenn eine andere Navigation startet und somit die laufende abbricht).

Wert

Ein AbortSignal-Objekt.

Beispiele

Die grundlegende Idee hierbei ist, dass die signal-Eigenschaft an eine zugehörige fetch()-Operation übergeben werden kann, damit diese Operation sicher abgebrochen werden kann, wenn die Navigation storniert wird. Dadurch wird vermieden, dass Bandbreite für nicht mehr benötigte Fetches verschwendet wird.

js
navigation.addEventListener("navigate", (event) => {
  event.intercept({
    async handler() {
      // …

      await fetch(`/img/some-image.jpg`, { signal: event.signal });

      // …
    },
  });
});

Hinweis: Siehe Beispiel: Vor-/Zurück-Tasten für ein detaillierteres Beispiel.

Spezifikationen

Specification
HTML
# dom-navigateevent-signal-dev

Browser-Kompatibilität

Siehe auch