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