Der ToggleEvent() Konstruktor erstellt ein neues ToggleEvent Objekt.

Syntax

new ToggleEvent(type, init)

Parameter

type

Ein String, der den Typ des Events darstellt. Im Falle von ToggleEvent ist dies immer beforetoggle oder toggle.

init Optional

Ein Objekt mit den folgenden Eigenschaften:

newState Optional

Ein String, der den Zustand darstellt, zu dem das Element wechselt. Kann jeden Wert annehmen, aber von Browsern ausgelöste Ereignisse setzen dies auf "open" oder "closed". Standardmäßig "".

oldState Optional

Ein String, der den Zustand darstellt, von dem das Element wechselt. Kann jeden Wert annehmen, aber von Browsern ausgelöste Ereignisse setzen dies auf "open" oder "closed". Standardmäßig "".

source Optional

Ein Element, das das HTML-Popover-Steuerelement darstellt, das das Umschalten initiiert hat. Standardmäßig null.

Beispiele

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

Zum Beispiel:

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

// …

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

Spezifikationen

Browser-Kompatibilität

Siehe auch

• Popover API