ToggleEvent

Die ToggleEvent-Schnittstelle stellt ein Ereignis dar, das den Benutzer darüber informiert, dass sich der Zustand eines Elements geändert hat.

Es ist das Ereignisobjekt für die HTMLElement-Ereignisse beforetoggle und toggle, die ausgelöst werden, wenn Popovers zwischen den Zuständen sichtbar und verborgen wechseln (bzw. vor und nach der Änderung). Es ist ebenfalls das Ereignisobjekt für das HTMLDetailsElement-Ereignis toggle, das ausgelöst wird, wenn ein <details>-Element zwischen den Zuständen geöffnet und geschlossen wechselt.

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