Navigation: navigatesuccess-Ereignis
Baseline 2026
Neu verfügbar
Seit Januar 2026 funktioniert diese Funktion auf aktuellen Geräten und in aktuellen Browserversionen. Auf älteren Geräten oder in älteren Browsern funktioniert sie möglicherweise nicht.
Das navigatesuccess-Ereignis der Navigation-Schnittstelle wird ausgelöst, wenn eine Navigation erfolgreich abgeschlossen wurde.
Bei einer abgefangenen Navigation geschieht dies, nachdem alle von Ihrem intercept()-Handler zurückgegebenen Promises erfüllt wurden. Das Promise NavigationTransition.finished wird ebenfalls zu diesem Zeitpunkt erfüllt.
Syntax
Verwenden Sie den Ereignisnamen in addEventListener():
addEventListener("navigatesuccess", (event) => { })
Alternativ können Sie ihn der Event-Handler-Eigenschaft der Schnittstelle zuweisen:
onnavigatesuccess = (event) => { }
Ereignistyp
Ein generisches Event.
Beispiele
Nach einer erfolgreichen Navigation können Sie beispielsweise eine zuvor angezeigte Fortschrittsanzeige ausblenden:
navigation.addEventListener("navigatesuccess", (event) => {
loadingIndicator.hidden = true;
});
Bei einem Fehlschlag können Sie stattdessen eine Fehlermeldung anzeigen:
navigation.addEventListener("navigateerror", (event) => {
loadingIndicator.hidden = true; // also hide indicator
showMessage(`Failed to load page: ${event.message}`);
});
Spezifikationen
| Spezifikation |
|---|
| HTML # event-navigatesuccess |