Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.

View in English Always switch to English

HTMLGeolocationElement : évènement validationstatuschange

Expérimental: Il s'agit d'une technologie expérimentale.
Vérifiez attentivement le tableau de compatibilité des navigateurs avant de l'utiliser en production.

L'évènement validationstatuschange de l'interface HTMLGeolocationElement est déclenché chaque fois que la valeur isValid de l'élément HTML <geolocation> change.

Ceci se produit lorsqu'un bloqueur est ajouté ou retiré d'un élément <geolocation>.

Syntaxe

Utilisez le nom de l'évènement dans des méthodes comme addEventListener(), ou définissez une propriété gestionnaire d'évènement.

js
addEventListener("validationstatuschange", (event) => { })

onvalidationstatuschange = (event) => { }

Type d'évènement

Un objet Event.

Exemples

Utiliser validationstatuschange pour rapporter les raisons d'invalidité

Dans notre démonstration Explorer les raisons d'invalidité (angl.) (code source (angl.)), nous utilisons un gestionnaire d'évènement validationstatuschange pour indiquer quand un élément <geolocation> devient valide, et rapporter la raison d'invalidité lorsqu'il devient invalide :

js
geo.addEventListener("validationstatuschange", () => {
  if (geo.isValid) {
    reasonElem.textContent = `<geolocation> est valide`;
  } else {
    reasonElem.textContent = `Raison d'invalidité : ${geo.invalidReason}`;
  }
});

À chaque changement de statut de validation, nous vérifions si l'élément <geolocation> est valide avec HTMLGeolocationElement.isValid, et si c'est le cas, nous affichons un message de confirmation dans le contenu texte de l'élément <p>. Si l'élément <geolocation> est invalide, nous affichons la HTMLGeolocationElement.invalidReason dans le contenu texte de l'élément <p>.

Voir la page HTMLGeolocationElement.invalidReason pour une explication complète de cet exemple.

Spécifications

Specification
Unknown specification
# dom-inpagepermissionmixin-onvalidationstatuschange

Compatibilité des navigateurs

Voir aussi