ToggleEvent: newState-Eigenschaft

Baseline Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit November 2023 browserübergreifend verfügbar.

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

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");
  }
});