EventTarget
Baseline
Widely available
*
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
* Some parts of this feature may have varying levels of support.
Note: This feature is available in Web Workers.
The EventTarget interface is implemented by objects that can receive events and may have listeners for them.
In other words, any target of events implements the three methods associated with this interface.
Element, and its children, as well as Document and Window, are the most common event targets,
but other objects can be event targets, too.
For example IDBRequest, AudioNode, and AudioContext are also event targets.
Many event targets (including elements, documents, and windows) also support registering event handlers via onevent properties and attributes.
Constructor
EventTarget()-
Creates a new
EventTargetobject instance.
Instance methods
EventTarget.addEventListener()-
Registers an event handler of a specific event type on the
EventTarget. EventTarget.removeEventListener()-
Removes an event listener from the
EventTarget. EventTarget.dispatchEvent()-
Dispatches an event to this
EventTarget.
Specifications
| Specification |
|---|
| DOM # interface-eventtarget |
Browser compatibility
| desktop | mobile | server | |||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
EventTarget
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
EventTarget() constructor
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
addEventListener
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Form with
options object supported (third parameter can be either options or a Boolean, for backwards compatibility)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
options.capture parameter
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
options.once parameter
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
options.passive parameter
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
options.passive parameter defaults to true for touchstart and touchmove events
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
options.passive parameter defaults to true for wheel and mousewheel events
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
options.signal parameter
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
useCapture parameter is optional
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
dispatchEvent
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
removeEventListener
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Form with
options object supported (third parameter can be either options or a Boolean, for backwards compatibility)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
useCapture parameter is optional
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
when
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- Partial support
- Partial support
- No support
- No support
- Experimental. Expect behavior to change in the future.
- See implementation notes.
- Has more compatibility info.
See also
- Event index
- Introduction to events
Eventinterface