ToggleEvent: ToggleEvent()-Konstruktor

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.

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ösers 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