ToggleEvent : le constructeur ToggleEvent()

Baseline 2023

Newly available

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

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".

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é");
  }
});