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.
* Certaines parties de cette fonctionnalité peuvent bénéficier de prise en charge variables.
L'interface ToggleEvent représente un évènement qui se déclenche lorsqu'un élément de type fenêtre contextuelle est basculé entre l'affichage et la dissimulation.
Ceci est l'objet d'évènement pour les évènements beforetoggle et toggle, qui se déclenchent sur les éléments comme suit :
- L'évènement
beforetogglese déclenche avant que la fenêtre contextuelle ou l'élément<dialog>ne soit affiché ou masqué. - L'évènement
togglese déclenche après que la fenêtre contextuelle, l'élément<dialog>ou l'élément<details>ait été affiché ou masqué.
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. ToggleEvent.sourceLecture seule-
Une instance d'objet
Elementreprésentant le contrôle HTML qui a initié le basculement.
Exemples
Exemple simple
const popover = document.getElementById("mypopover");
// …
popover.addEventListener("beforetoggle", (event) => {
if (event.newState === "open") {
console.log("La fenêtre contextuelle est en train d'être affichée");
} else {
console.log("La fenêtre contextuelle est en train d'être masquée");
}
});
Spécifications
| Spécification |
|---|
| HTML # toggleevent |