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ütztes Eigenschaft 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 beginnt und die laufende dadurch abbricht).

Wert

Ein AbortSignal-Objekt.

Beispiele

Die allgemeine Idee hierbei ist, dass die signal-Eigenschaft an eine zugehörige fetch()-Operation übergeben werden kann, damit, wenn die Navigation abgebrochen wird, die fetch()-Operation sicher abgebrochen werden kann, um das Verschwenden von Bandbreite für Fetches 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: Vorherige/Nächste Schaltflächen für ein detaillierteres Beispiel.

Spezifikationen

Specification
HTML Standard
# dom-navigateevent-signal-dev

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch