ToggleEvent : le constructeur ToggleEvent()

Baseline 2024

Newly available

Since April 2024, 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

js
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 :

js
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

Voir aussi