NavigateEvent: info-Eigenschaft
Baseline
2026
Newly available
Since January 2026, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
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
| Specification |
|---|
| 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()