ToggleEvent : le constructeur ToggleEvent() - Les API Web | MDN
Baseline
2023
Nouvellement disponible
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.
Le constructeur ToggleEvent() crée un nouvel objet ToggleEvent.
Syntaxe
js
new ToggleEvent(type, init)
Paramètres
type-
Une chaîne de caractères représentant le type d'évènement. Dans le cas de
ToggleEvent, il s'agit toujours de"toggleevent". init-
Un objet contenant les propriétés suivantes :
newState-
Une chaîne de caractères représentant l'état vers lequel l'élément est en train de transitionner. Les valeurs possibles sont
"open"et"closed". oldState-
Une chaîne de caractères représentant l'état depuis lequel l'élément est en train de transitionner. Les valeurs possibles sont
"open"et"closed".
Exemples
Ce constructeur ne devrait généralement pas être utilisé manuellement dans un script. Un nouvel objet ToggleEvent est construit automatiquement lorsqu'un gestionnaire est invoqué à la suite du déclenchement d'un évènement pertinent.
Par exemple :
js
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
| Spécification |
|---|
| HTML # toggleevent |
Compatibilité des navigateurs
Voir aussi
Aider à améliorer MDN
Cette page a été modifiée le par les contributeur·ice·s du MDN.