ToggleEvent: ToggleEvent() Konstruktor

Der ToggleEvent() Konstruktor erstellt ein neues ToggleEvent Objekt.

Syntax

js
new ToggleEvent(type, init)

Parameter

type

Ein String, der den Typ des Ereignisses darstellt. Im Fall von ToggleEvent ist dies immer toggle.

init

Ein Objekt, das die folgenden Eigenschaften enthält:

newState

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

oldState

Ein String, der den Zustand darstellt, 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 konstruiert, wenn ein Handler als Ergebnis eines relevant ausgelösten Ereignisses aufgerufen wird.

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 Standard
# toggleevent

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch