ToggleEvent

Baseline 2023

Newly available

Since November 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

Das ToggleEvent-Interface stellt ein Ereignis dar, das den Benutzer darüber informiert, dass sich der Zustand eines Elements geändert hat.

Dies ist das Ereignisobjekt für die HTMLElement-Ereignisse beforetoggle und toggle, die auf einigen Elementen unmittelbar davor und danach ausgelöst werden, wenn sie zwischen sichtbar und versteckt wechseln.

beforetoggle wird auf Popups und <dialog>-Elementen ausgelöst
toggle wird auf Popups, <dialog>- und <details>-Elementen ausgelöst

Konstruktor

ToggleEvent(): Erstellt ein ToggleEvent-Objekt.

Instanz-Eigenschaften

Dieses Interface erbt Eigenschaften von seinem Eltern-Interface, Event.

ToggleEvent.newState Schreibgeschützt: Ein String (entweder "open" oder "closed"), der den Zustand repräsentiert, zu dem das Element wechselt.
ToggleEvent.oldState Schreibgeschützt: Ein String (entweder "open" oder "closed"), der den Zustand repräsentiert, von dem das Element wechselt.

Beispiele

Einfaches Beispiel

const popover = document.getElementById("mypopover");

// …

popover.addEventListener("beforetoggle", (event) => {
  if (event.newState === "open") {
    console.log("Popover is being shown");
  } else {
    console.log("Popover is being hidden");
  }
});

Spezifikationen

Specification
HTML # toggleevent