ToggleEvent
io error: No such file or directory (os error 2) (/home/runner/work/yari/yari/mdn/translated-content/files/fr/web/api/ui_events/index.md)
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.newState
Lecture 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.oldState
Lecture 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 Standard # toggleevent |
Compatibilité des navigateurs
BCD tables only load in the browser