ToggleEvent: newState-Eigenschaft

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.

Die newState-Eigenschaft des ToggleEvent Interfaces ist eine schreibgeschützte Zeichenkette, die den Zustand darstellt, zu dem das Element wechselt.

Wert

Eine Zeichenkette. Mögliche Werte sind "open" (das Popover wird angezeigt) oder "closed" (das Popover wird ausgeblendet).

Beispiele

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
# dom-toggleevent-newstate

Browser-Kompatibilität

Siehe auch