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 Experimentell

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
# the-navigationcurrententrychangeevent-interface

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
NavigationCurrentEntryChangeEvent
Experimental
NavigationCurrentEntryChangeEvent() constructor
Experimental
from
Experimental
navigationType
Experimental

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support
Experimental. Expect behavior to change in the future.
See implementation notes.

Siehe auch