Navigation: navigatesuccess Ereignis

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.

Das navigatesuccess Ereignis des Navigation-Interfaces wird ausgelöst, wenn eine erfolgreiche Navigation abgeschlossen ist.

Im Falle einer abgefangenen Navigation tritt dies ein, nachdem alle Versprechen, die von Ihrem intercept()-Handler zurückgegeben wurden, erfüllt sind. Das NavigationTransition.finished-Versprechen wird ebenfalls zur gleichen Zeit erfüllt.

Syntax

Verwenden Sie den Ereignisnamen in Methoden wie addEventListener(), oder setzen Sie eine Ereignishandler-Eigenschaft.

js
addEventListener("navigatesuccess", (event) => { })

onnavigatesuccess = (event) => { }

Ereignistyp

Ein generisches Event.

Beispiele

Sie könnten bei einer erfolgreichen Navigation einen zuvor angezeigten Fortschrittsanzeiger ausblenden, wie in diesem Beispiel:

js
navigation.addEventListener("navigatesuccess", (event) => {
  loadingIndicator.hidden = true;
});

Oder Sie könnten im Fehlerfall eine Fehlermeldung anzeigen:

js
navigation.addEventListener("navigateerror", (event) => {
  loadingIndicator.hidden = true; // also hide indicator
  showMessage(`Failed to load page: ${event.message}`);
});

Spezifikationen

Specification
HTML
# event-navigatesuccess

Browser-Kompatibilität

Siehe auch