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 schreibgeschützte Eigenschaft signal des NavigateEvent-Interfaces gibt ein AbortSignal zurück, das abgebrochen wird, wenn die Navigation abgebrochen wird (z.B. wenn der Benutzer die "Stopp"-Taste des Browsers drückt oder eine andere Navigation gestartet wird und damit die laufende abbricht).

Wert

Ein AbortSignal-Objekt.

Beispiele

Die allgemeine Idee hierbei ist, dass die signal-Eigenschaft an einen zugehörigen fetch()-Vorgang übergeben werden kann, so dass, wenn die Navigation abgebrochen wird, der fetch()-Vorgang sicher abgebrochen werden kann, um Bandbreitenverschwendung für Abrufe zu vermeiden, die nicht mehr benötigt werden.

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

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

      // …
    },
  });
});

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

Spezifikationen

Specification
HTML
# dom-navigateevent-signal-dev

Browser-Kompatibilität

Siehe auch