CommandEvent: source-Eigenschaft

Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig, bevor Sie diese produktiv verwenden.

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

No specification found

No specification data found for api.CommandEvent.source.
Check for problems with this page or contribute a missing spec_url to mdn/browser-compat-data. Also make sure the specification is included in w3c/browser-specs.

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch