Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.
ToggleEvent : le constructeur ToggleEvent()
Baseline
Large disponibilité
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis novembre 2023.
Le constructeur ToggleEvent() crée un nouvel objet ToggleEvent.
Syntaxe
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 :
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.