CommandEvent: source-Eigenschaft
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:
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
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
source |
Legend
Tip: you can click/tap on a cell for more information.
- No support
- No support
- Experimental. Expect behavior to change in the future.
- User must explicitly enable this feature.