ToggleEvent: ToggleEvent() Konstruktor

Baseline 2023

Neu verfügbar

Seit November 2023 funktioniert diese Funktion auf aktuellen Geräten und in aktuellen Browserversionen. Auf älteren Geräten oder in älteren Browsern funktioniert sie möglicherweise nicht.

Der ToggleEvent() Konstruktor erstellt ein neues ToggleEvent Objekt.

In diesem Artikel

Syntax

new ToggleEvent(type, init)

Parameter

type

Ein String, der den Typ des Events darstellt. Im Falle von ToggleEvent ist dies immer beforetoggle oder toggle.

init Optional

Ein Objekt mit den folgenden Eigenschaften:

newState Optional

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 "".

oldState Optional

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 "".

source Optional

Ein Element, das das HTML-Popover-Steuerelement darstellt, das das Umschalten initiiert hat. Standardmäßig null.

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:

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

Popover API

Help improve MDN

War diese Übersetzung hilfreich?

Ja Nein

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.

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

Popover API
ToggleEvent
Konstruktor
1. ToggleEvent()
Instanzeigenschaften
Vererbung
1. Event
Verwandte Seiten für Popover API
Anleitungen
1. Verwendung der Popover-API
2. Verwendung von "Interest Invokers"

ToggleEvent: ToggleEvent() Konstruktor

In diesem Artikel

Syntax

Parameter

Beispiele

Spezifikationen

Browser-Kompatibilität

Siehe auch

Help improve MDN