NavigateEvent : propriété info
Baseline 2026
Nouvellement disponible
Depuis janvier 2026, cette fonctionnalité fonctionne sur les appareils et les versions de navigateur les plus récents. Elle peut ne pas fonctionner sur les appareils ou navigateurs plus anciens.
La propriété en lecture seule info de l'interface NavigateEvent retourne la valeur des données info transmises par l'opération de navigation initiatrice (par exemple, Navigation.back() ou Navigation.navigate()), ou undefined si aucune donnée info n'a été transmise.
Valeur
La valeur info transmise par l'opération de navigation initiatrice, ou undefined si aucune n'a été transmise.
Exemples
Un exemple de la manière dont info peut être utilisé est de déclencher différents rendus de navigation sur une seule page en fonction de la manière dont une certaine route a été atteinte. Par exemple, considérez une application de galerie photo, où vous pouvez atteindre la même URL et le même état de photo avec différentes routes. Vous pouvez vouloir utiliser une animation différente pour afficher la photo pour chaque route.
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: charger réellement la photo.
},
});
}
});
Spécifications
| Spécification |
|---|
| HTML # dom-navigateevent-info-dev |
Compatibilité des navigateurs
Voir aussi
- Routage moderne côté client : l'API Navigation (angl.)
- Présentation de l'API Navigation (angl.)
- Les méthodes permettant de transmettre des informations —
Navigation.back(),Navigation.forward(),Navigation.navigate(),Navigation.reload()etNavigation.traverseTo()