ToggleEvent: ToggleEvent() Konstruktor

Baseline 2025
Newly available

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

Der ToggleEvent() Konstruktor erstellt ein neues ToggleEvent Objekt.

Syntax

js
new ToggleEvent(type, init)

Parameter

type

Ein String, der den Typ des Ereignisses repräsentiert. Im Fall von ToggleEvent ist dies immer beforetoggle oder toggle.

init

Ein Objekt, das die folgenden Eigenschaften enthält:

newState

Ein String, der den Zustand repräsentiert, zu dem das Element wechselt. Mögliche Werte sind "open" und "closed".

oldState

Ein String, der den Zustand repräsentiert, von dem das Element wechselt. Mögliche Werte sind "open" und "closed".

Beispiele

Ein Entwickler würde diesen Konstruktor nicht manuell verwenden. Ein neues ToggleEvent Objekt wird erstellt, wenn ein Handler als Ergebnis eines relevanten Ereignisauslösens aufgerufen wird.

Zum Beispiel:

js
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

Browser-Kompatibilität

Siehe auch