NavigateEvent: info-Eigenschaft
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used 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()