CommandEvent: source-Eigenschaft

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.

Die schreibgeschützte source-Eigenschaft des CommandEvent-Interfaces gibt ein EventTarget zurück, das das Steuerelement darstellt, das den gegebenen Befehl ausgelöst hat.

Wert

Ein EventTarget-Objekt. In der Regel ein HTMLButtonElement.

Beispiele

Im folgenden einfachen Beispiel haben wir einen Event-Listener eingerichtet, um dem Button-Element bei einem CommandEvent eine temporäre Klasse hinzuzufügen:

js
document.body.addEventListener(
  "command",
  (event) => {
    const theButton = event.source;

    theButton.classList.add("just-pressed");

    setTimeout(() => {
      theButton.classList.remove("just-pressed");
    }, 1000);
  },
  { capture: true },
);

Spezifikationen

Specification
HTML
# dom-commandevent-source

Browser-Kompatibilität

Siehe auch