ToggleEvent: ToggleEvent() Konstruktor
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.
Der ToggleEvent() Konstruktor erstellt ein neues ToggleEvent Objekt.
Syntax
new ToggleEvent(type, init)
Parameter
type-
Ein String, der den Typ des Events darstellt. Im Falle von
ToggleEventist dies immerbeforetoggleodertoggle. initOptional-
Ein Objekt mit den folgenden Eigenschaften:
newStateOptional-
Ein String, der den Zustand darstellt, zu dem das Element wechselt. Kann jeden Wert annehmen, aber von Browsern ausgelöste Ereignisse setzen dies auf
"open"oder"closed". Standardmäßig"". oldStateOptional-
Ein String, der den Zustand darstellt, von dem das Element wechselt. Kann jeden Wert annehmen, aber von Browsern ausgelöste Ereignisse setzen dies auf
"open"oder"closed". Standardmäßig"". sourceOptional-
Ein
Element, das das HTML-Popover-Steuerelement darstellt, das das Umschalten initiiert hat. Standardmäßignull.
Beispiele
Ein Entwickler würde diesen Konstruktor nicht manuell verwenden. Ein neues ToggleEvent Objekt wird erstellt, wenn ein Handler als Ergebnis eines relevanten Ereignisses ausgelöst wird.
Zum Beispiel:
const popover = document.getElementById("mypopover");
// …
popover.addEventListener("beforetoggle", (event) => {
if (event.newState === "open") {
console.log("Popover is being shown");
if (event.source) {
console.log("Initiated by:", event.source);
}
} else {
console.log("Popover is being hidden");
}
});
Spezifikationen
| Specification |
|---|
| HTML # toggleevent |