HTMLGeolocationElement: Ereignis validationstatuschange
Eingeschränkt verfügbar
Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.
Want more browser support for this feature? Tell us why.
Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.
Das Ereignis validationstatuschange der Schnittstelle HTMLGeolocationElement wird ausgelöst, wenn sich der Wert von isValid des <geolocation>-Elements ändert.
Dies geschieht, wenn einem <geolocation>-Element ein Blocker hinzugefügt oder ein Blocker daraus entfernt wird.
Syntax
Verwenden Sie den Ereignisnamen in addEventListener():
addEventListener("validationstatuschange", (event) => { })
Alternativ können Sie die Event-Handler-Eigenschaft der Schnittstelle verwenden:
onvalidationstatuschange = (event) => { }
Ereignistyp
Ein Event.
Beispiele
>Ungültigkeitsgründe mit validationstatuschange ausgeben
In unserer Demo zur Untersuchung von Ungültigkeitsgründen (Quellcode) verwenden wir einen validationstatuschange-Event-Handler, um zu melden, wenn ein <geolocation>-Element gültig wird, und den Grund für die Ungültigkeit auszugeben, wenn es ungültig wird:
geo.addEventListener("validationstatuschange", () => {
if (geo.isValid) {
reasonElem.textContent = `<geolocation> is valid`;
} else {
reasonElem.textContent = `Invalid reason: ${geo.invalidReason}`;
}
});
Bei jeder Änderung des Validierungsstatus prüfen wir mit HTMLGeolocationElement.isValid, ob das <geolocation>-Element gültig ist. Ist dies der Fall, geben wir eine entsprechende Bestätigung als Textinhalt des <p>-Elements aus. Ist das <geolocation>-Element ungültig, geben wir den Wert von HTMLGeolocationElement.invalidReason als Textinhalt des <p>-Elements aus.
Eine vollständige Erläuterung dieses Beispiels finden Sie auf der Seite zu HTMLGeolocationElement.invalidReason.
Spezifikationen
| Spezifikation |
|---|
| The HTML Geolocation Element> # dom-activationblockersmixin-onvalidationstatuschange> |
Browser-Kompatibilität
Siehe auch
<geolocation>-Element