NavigationCurrentEntryChangeEvent

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 NavigationCurrentEntryChangeEvent Schnittstelle der Navigation API ist das Ereignisobjekt für das currententrychange Ereignis, das ausgelöst wird, wenn sich der Navigation.currentEntry geändert hat.

Dieses Ereignis wird bei Navigieren im selben Dokument ausgelöst (z.B. back() oder traverseTo()), bei Ersetzungen (d.h. ein Aufruf von navigate() mit history auf replace gesetzt), oder bei anderen Aufrufen, die den Zustand des Eintrags ändern (z.B. updateCurrentEntry(), oder die History API mit History.replaceState()).

Dieses Ereignis wird nach der Festschreibung der Navigation ausgelöst, was bedeutet, dass die sichtbare URL verändert ist und das NavigationHistoryEntry aktualisiert wurde. Es ist nützlich für die Migration von der Nutzung älterer API-Funktionen wie der hashchange oder popstate Ereignisse.

Event NavigationCurrentEntryChangeEvent

Konstruktor

Erstellt eine neue Instanz des Objekts NavigationCurrentEntryChangeEvent.

Instanz-Eigenschaften

Erbt Eigenschaften von seinem Elternteil, Event.

from Schreibgeschützt

Gibt das NavigationHistoryEntry zurück, von dem aus navigiert wurde.

Gibt den Typ der Navigation zurück, der zur Änderung geführt hat.

Beispiele

Berichterstattung von Navigationsdaten:

js
navigation.addEventListener("currententrychange", () => {
  const data = navigation.currentEntry.getState();
  submitAnalyticsData(data.analytics);
});

Ein Ereignis pro Eintrag einrichten:

js
navigation.addEventListener("currententrychange", () => {
  navigation.currentEntry.addEventListener("dispose", genericDisposeHandler);
});

Spezifikationen

Specification
HTML Standard
# the-navigationcurrententrychangeevent-interface

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch