We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS


Dispatches an Event at the specified EventTarget, invoking the affected EventListeners in the appropriate order. The normal event processing rules (including the capturing and optional bubbling phase) apply to events dispatched manually with dispatchEvent().


canceled = !target.dispatchEvent(event)
  • event is the Event object to be dispatched.
  • target is used to initialize the Event.target and determine which event listeners to invoke.
  • The return value is false if at least one of the event handlers which handled this event called Event.preventDefault(). Otherwise it returns true.

The dispatchEvent method throws UNSPECIFIED_EVENT_TYPE_ERR if the event's type was not specified by initializing the event before the method was called, or if the event's type is null or an empty string. Exceptions thrown by event handlers are reported as uncaught exceptions; the event handlers run on a nested callstack: they block the caller until they complete, but exceptions do not propagate to the caller.


dispatchEvent is the last step of the create-init-dispatch process, which is used for dispatching events into the implementation's event model. The event can be created using document.createEvent method and initialized using initEvent or other, more specific, initialization methods, such as initMouseEvent or initUIEvent.

See also the Event object reference.


See Creating and triggering events.


Document Tags and Contributors

Last updated by: Dria,