The Event()
constructor creates a new Event
object. An event created in this way is called a synthetic event, as opposed to an event fired by the browser, and can be dispatched by a script.
The Event()
constructor creates a new Event
object. An event created in this way is called a synthetic event, as opposed to an event fired by the browser, and can be dispatched by a script.
js
new Event(type) new Event(type, options)
type
A string with the name of the event.
options
Optional
An object with the following properties:
bubbles
Optional
A boolean value indicating whether the event bubbles. The default is false
.
cancelable
Optional
A boolean value indicating whether the event can be cancelled. The default is false
.
composed
Optional
A boolean value indicating whether the event will trigger listeners outside of a shadow root (see Event.composed
for more details). The default is false
.
A new Event
object.
js
// create a look event that bubbles up and cannot be canceled const evt = new Event("look", { bubbles: true, cancelable: false }); document.dispatchEvent(evt); // event can be dispatched from any element, not only the document myDiv.dispatchEvent(evt);
Specification |
---|
DOM Standard # ref-for-dom-event-event |
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
Event |
15 | 12 | 11 | No | 11.6 | 6 | 4.4 | 18 | 14 | 12 | 6 | 1.0 |
© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/Event/Event