ToggleEvent

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 ToggleEvent-Schnittstelle stellt ein Ereignis dar, das ausgelöst wird, wenn ein Popover-Element ein- oder ausgeblendet wird.

Dies ist das Ereignisobjekt für die beforetoggle und toggle-Ereignisse, die auf Elementen wie folgt ausgelöst werden:

Das beforetoggle-Ereignis wird ausgelöst, bevor Popover oder <dialog>-Elemente ein- oder ausgeblendet werden.
Das toggle-Ereignis wird ausgelöst, nachdem Popover-, <dialog>- oder <details>-Elemente ein- oder ausgeblendet wurden.

Konstruktor

ToggleEvent(): Erstellt ein ToggleEvent-Objekt.

Instanz-Eigenschaften

Diese Schnittstelle erbt Eigenschaften von ihrem Elternteil, Event.

ToggleEvent.newState Schreibgeschützt: Ein String (entweder "open" oder "closed"), der den Zustand darstellt, zu dem das Element wechselt.
ToggleEvent.oldState Schreibgeschützt: Ein String (entweder "open" oder "closed"), der den Zustand darstellt, von dem das Element wechselt.
ToggleEvent.source Schreibgeschützt: Eine Instanz des Element-Objekts, die das HTML-Steuerelement repräsentiert, das das Umschalten initiiert hat.

Beispiele

Einfaches Beispiel

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

Browser-Kompatibilität

Siehe auch

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden