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-Schreibgeschützte Eigenschaft des NavigateEvent-Interfaces gibt ein AbortSignal zurück, das abgebrochen wird, wenn die Navigation abgebrochen wird (z.B. durch das Drücken der "Stopp"-Taste des Browsers durch den Benutzer oder das Starten einer anderen Navigation und somit das Abbrechen der laufenden).

Wert

Ein AbortSignal-Objekt.

Beispiele

Die Grundidee ist hier, dass die signal-Eigenschaft an eine zugehörige fetch()-Operation übergeben werden kann, sodass, wenn die Navigation abgebrochen wird, die fetch()-Operation sicher abgebrochen werden kann, um zu vermeiden, dass Bandbreite für Abrufe verschwendet wird, 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ück-Buttons für ein detaillierteres Beispiel.

Spezifikationen

Specification
HTML
# dom-navigateevent-signal-dev

Browser-Kompatibilität

Siehe auch