NavigateEvent : propriété destination
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 destination de l'interface NavigateEvent retourne un objet NavigationDestination représentant la destination vers laquelle la navigation est effectuée.
Valeur
Un objet NavigationDestination.
Exemples
js
navigation.addEventListener("navigate", (event) => {
// Quitte prématurément si cette navigation ne doit pas être interceptée,
// par exemple si la navigation est inter-origines ou une requête de téléchargement
if (shouldNotIntercept(event)) {
return;
}
const url = new URL(event.destination.url);
if (url.pathname.startsWith("/articles/")) {
event.intercept({
async handler() {
// L'URL a déjà changé, donc affichez un espace réservé pendant
// la récupération du nouveau contenu, comme un indicateur de
// chargement ou une page de chargement
rendreEspaceReserveArticle();
// Récupère le nouveau contenu et l'affiche lorsqu'il est prêt
const contenuArticle = await obtenirContenuArticle(url.pathname);
rendrePageArticle(contenuArticle);
},
});
}
});
Spécifications
| Spécification |
|---|
| HTML # dom-navigateevent-destination-dev |