ToggleEvent
Baseline
2023
Newly available
Depuis November 2023, 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'interface ToggleEvent représente un évènement qui notifie lorsqu'un élément popover change d'état entre visible et masqué.
Cette interface est implémentée par les évènements beforetoggle et toggle émis par HTMLElement lorsqu'un popover change d'état, visible ou masqué (avant et après, respectivement).
Constructeur
ToggleEvent()-
Crée un objet
ToggleEvent.
Propriétés de l'instance
Cette interface hérite des propriétés de son parent, Event.
ToggleEvent.newStateLecture seule-
Une chaîne de caractères (soit
"open"soit"closed"), représentant l'état vers lequel l'élément est en train de transitionner. ToggleEvent.oldStateLecture seule-
Une chaîne de caractères (soit
"open"soit"closed"), représentant l'état depuis lequel l'élément est en train de transitionner.
Exemples
const popover = document.getElementById("mypopover");
// …
popover.addEventListener("beforetoggle", (event) => {
if (event.newState === "open") {
console.log("Le popover est en train d'être affiché");
} else {
console.log("Le popover est en train d'être masqué");
}
});
Spécifications
| Specification |
|---|
| HTML # toggleevent |
Compatibilité des navigateurs
Chargement…