NavigateEvent: info-Eigenschaft
Baseline
2026
Neu verfügbar
Seit January 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.
Die info-Eigenschaft (nur lesbar) des NavigateEvent-Interfaces gibt den info-Datenwert zurück, der von der initiierenden Navigationsoperation übergeben wurde (z. B. Navigation.back() oder Navigation.navigate()), oder undefined, wenn keine info-Daten übergeben wurden.
Wert
Der info-Wert, der von der initiierenden Navigationsoperation übergeben wurde, oder undefined, wenn keiner übergeben wurde.
Beispiele
Ein Beispiel dafür, wie info verwendet werden könnte, ist, um je nach Route, auf der ein bestimmter Pfad erreicht wurde, unterschiedliche Darstellungen für Single-Page-Navigationen auszulösen. Betrachten Sie zum Beispiel eine Foto-Galerie-App, bei der Sie dieselbe Foto-URL und den gleichen Zustand über verschiedene Routen erreichen können. Möglicherweise möchten Sie eine andere Animation verwenden, um das Foto für jede Route anzuzeigen.
navigation.addEventListener("navigate", (event) => {
if (isPhotoNavigation(event)) {
event.intercept({
async handler() {
switch (event.info?.via) {
case "go-left": {
await animateLeft();
break;
}
case "go-right": {
await animateRight();
break;
}
case "gallery": {
await animateZoomFromThumbnail(event.info.thumbnail);
break;
}
}
// TODO: actually load the photo.
},
});
}
});
Spezifikationen
| Spezifikation |
|---|
| HTML # dom-navigateevent-info-dev |
Browser-Kompatibilität
Siehe auch
- Moderne clientseitige Routing: die Navigation API
- Navigation API Erklärer
- Methoden, die es erlauben, Informationen zu übergeben —
Navigation.back(),Navigation.forward(),Navigation.navigate(),Navigation.reload()undNavigation.traverseTo()