ToggleEvent

Das ToggleEvent-Interface repräsentiert ein Ereignis, das den Benutzer darüber informiert, dass sich der Zustand eines Elements geändert hat.

Dies ist das Ereignisobjekt für die HTMLElement-Ereignisse beforetoggle und toggle, die bei einigen Elementen kurz bevor und kurz nachdem sie zwischen sichtbar und verborgen wechseln, ausgelöst werden.

• beforetoggle wird bei Popovers und <dialog>-Elementen ausgelöst
• toggle wird bei Popovers, <dialog>-Elementen und <details>-Elementen ausgelöst

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