ToggleEvent : le constructeur ToggleEvent()
Baseline 2025Newly available
Since January 2025, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
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
Specification |
---|
HTML # toggleevent |
Compatibilité des navigateurs
BCD tables only load in the browser