Navigation : évènement navigatesuccess
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.
L'évènement navigatesuccess de l'interface Navigation est déclenché lorsqu'une navigation réussie est terminée.
Dans le cas d'une navigation interceptée, cela se produit après que toutes les promesses retournées par votre gestionnaire intercept() soient complétées. La promesse NavigationTransition.finished est également complétée en même temps.
Syntaxe
Utilisez le nom de l'évènement dans des méthodes comme addEventListener(), ou définissez une propriété de gestionnaire d'évènement.
addEventListener("navigatesuccess", (event) => { })
onnavigatesuccess = (event) => { }
Type d'évènement
Un objet générique Event.
Exemples
Vous pouvez gérer une navigation réussie en masquant un indicateur de progression précédemment affiché, comme ceci :
navigation.addEventListener("navigatesuccess", (event) => {
loadingIndicator.hidden = true;
});
Ou vous pouvez afficher un message d'erreur en cas d'échec :
navigation.addEventListener("navigateerror", (event) => {
loadingIndicator.hidden = true; // masque également l'indicateur
showMessage(`Failed to load page: ${event.message}`);
});
Spécifications
| Spécification |
|---|
| HTML # event-navigatesuccess |