CommandEvent: source property
Baseline
2025
Newly available
Since December 2025, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
The source read-only property of the CommandEvent interface returns an EventTarget representing the control that invoked the given command.
Value
An EventTarget object. Usually an HTMLButtonElement.
Examples
In the following simple example we've set up an event listener to add a temporary class to the button element upon a CommandEvent:
js
document.body.addEventListener(
"command",
(event) => {
const theButton = event.source;
theButton.classList.add("just-pressed");
setTimeout(() => {
theButton.classList.remove("just-pressed");
}, 1000);
},
{ capture: true },
);
Specifications
| Specification |
|---|
| HTML # dom-commandevent-source |
Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
source
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support