HTTP/2 301
server: nginx
date: Wed, 23 Jul 2025 20:34:46 GMT
content-type: text/html
content-length: 162
location: https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/MouseEvent
strict-transport-security: max-age=60; includeSubDomains
via: 1.1 google
alt-svc: h3=":443"; ma=2592000,h3-29=":443"; ma=2592000
HTTP/2 200
x-guploader-uploadid: ABgVH8-xsWFt46LTdXU2UHXybcaOOWRVBh8MiTVUKz9O5nGEs5OpRkEYGNcraSaeYXxMNAyq17ucaXQ
x-goog-generation: 1753231549301560
x-goog-metageneration: 1
x-goog-stored-content-encoding: identity
x-goog-stored-content-length: 70129
x-goog-meta-goog-reserved-file-mtime: 1753230355
x-goog-hash: crc32c=6wiyxA==, md5=acRoQVikiKftplWe3xlWcA==
x-goog-storage-class: STANDARD
accept-ranges: none
expires: Wed, 23 Jul 2025 21:24:12 GMT
cache-control: public, max-age=3600
last-modified: Wed, 23 Jul 2025 00:45:49 GMT
etag: W/"69c4684158a488a7eda6559edf195670"
content-type: text/html
age: 634
alt-svc: h3=":443"; ma=2592000,h3-29=":443"; ma=2592000
alt-svc: clear
x-content-type-options: nosniff
strict-transport-security: max-age=63072000
content-security-policy: default-src 'self'; script-src 'report-sample' 'self' 'wasm-unsafe-eval' https://www.google-analytics.com/analytics.js https://www.googletagmanager.com/gtag/js assets.codepen.io production-assets.codepen.io https://js.stripe.com 'sha256-EehWlTYp7Bqy57gDeQttaWKp0ukTTEUKGP44h8GVeik=' 'sha256-XNBp89FG76amD8BqrJzyflxOF9PaWPqPqvJfKZPCv7M='; script-src-elem 'report-sample' 'self' 'wasm-unsafe-eval' https://www.google-analytics.com/analytics.js https://www.googletagmanager.com/gtag/js assets.codepen.io production-assets.codepen.io https://js.stripe.com 'sha256-EehWlTYp7Bqy57gDeQttaWKp0ukTTEUKGP44h8GVeik=' 'sha256-XNBp89FG76amD8BqrJzyflxOF9PaWPqPqvJfKZPCv7M='; style-src 'report-sample' 'self' 'unsafe-inline'; object-src 'none'; base-uri 'self'; connect-src 'self' developer.allizom.org bcd.developer.allizom.org bcd.developer.mozilla.org updates.developer.allizom.org updates.developer.mozilla.org https://*.google-analytics.com https://*.analytics.google.com https://*.googletagmanager.com https://incoming.telemetry.mozilla.org https://observatory-api.mdn.allizom.net https://observatory-api.mdn.mozilla.net https://api.github.com/search/issues stats.g.doubleclick.net https://api.stripe.com; font-src 'self'; frame-src 'self' interactive-examples.mdn.mozilla.net interactive-examples.mdn.allizom.net mdn.github.io live-samples.mdn.mozilla.net live-samples.mdn.allizom.net *.mdnplay.dev *.mdnyalp.dev *.play.test.mdn.allizom.net https://v2.scrimba.com https://scrimba.com jsfiddle.net www.youtube-nocookie.com codepen.io survey.alchemer.com https://js.stripe.com; img-src 'self' data: *.githubusercontent.com *.googleusercontent.com *.gravatar.com mozillausercontent.com firefoxusercontent.com profile.stage.mozaws.net profile.accounts.firefox.com developer.mozilla.org mdn.dev interactive-examples.mdn.mozilla.net interactive-examples.mdn.allizom.net wikipedia.org upload.wikimedia.org https://mdn.github.io/shared-assets/ https://mdn.dev/ https://*.google-analytics.com https://*.googletagmanager.com www.gstatic.com; manifest-src 'self'; media-src 'self' archive.org videos.cdn.mozilla.net https://mdn.github.io/shared-assets/; child-src 'self'; worker-src 'self';
x-frame-options: DENY
origin-trial: AxVILwizhbMjxFeHOn1P3R8niO1RJY/smaK4B4d1rLzc1gTaxtXMSaTi+FoigYgCw40uFRDwFcEAeqDR+vVLOW4AAABfeyJvcmlnaW4iOiJodHRwczovL2RldmVsb3Blci5tb3ppbGxhLm9yZyIsImZlYXR1cmUiOiJQcml2YXRlQXR0cmlidXRpb25WMiIsImV4cGlyeSI6MTc0MjA3OTYwMH0=
x-cloud-trace-context: 6bd4495e28eed2428b181753e55c699a
date: Wed, 23 Jul 2025 20:34:46 GMT
server: Google Frontend
via: 1.1 google
vary: Accept-Encoding
content-encoding: gzip
x-cache: miss
MouseEvent: MouseEvent() constructor - Web APIs | MDN
MouseEvent: MouseEvent() constructor Baseline Widely available
The MouseEvent()
constructor creates a new MouseEvent
object.
new MouseEvent(type)
new MouseEvent(type, options)
type
A string with the name of the event.
It is case-sensitive and browsers set it to click
, dblclick
, mousedown
, mouseenter
, mouseleave
, mousemove
, mouseout
, mouseover
, or mouseup
.
options
Optional
An object that, in addition of the properties defined in UIEvent()
, can have the following properties:
screenX
Optional
A number, defaulting to 0
, that is the horizontal position of the mouse event on the user's screen;
setting this value doesn't move the mouse pointer.
screenY
Optional
A number, defaulting to 0
, that is the vertical position of the mouse event on the user's screen;
setting this value doesn't move the mouse pointer.
clientX
Optional
A number, defaulting to 0
, that is the horizontal position of the mouse event on the client window of user's screen;
setting this value doesn't move the mouse pointer.
clientY
Optional
A number, defaulting to 0
, that is the vertical position of the mouse event on the client window of the user's screen;
setting this value doesn't move the mouse pointer.
ctrlKey
Optional
A boolean value indicating if the ctrl key was simultaneously pressed. It defaults to false
.
shiftKey
Optional
A boolean value indicating if the shift key was simultaneously pressed. It defaults to false
.
altKey
Optional
A boolean value indicating if the alt key was simultaneously pressed. It defaults to false
.
metaKey
Optional
A boolean value indicating if the meta key was simultaneously pressed. It defaults to false
.
button
Optional
A number, defaulting to 0
, that describes which button is pressed during events related to the press or release of a button:
Value
Meaning
0
Main button pressed (usually the left button) or un-initialized
1
Auxiliary button pressed (usually the middle button)
2
Secondary button pressed (usually the right button)
buttons
Optional
A number, defaulting to 0
, that describes which buttons are pressed when the event is launched:
Bit-field value
Meaning
0
No button pressed
1
Main button pressed (usually the left button)
2
Secondary button pressed (usually the right button)
4
Auxiliary button pressed (usually the middle button)
relatedTarget
Optional
An EventTarget
, defaulting to null
that is the element just left
(in case of a mouseenter
or mouseover
)
or is entering (in case of a mouseout
or mouseleave
).
region
Non-standard
Optional
A string, defaulting to null
, that is the ID of the hit region affected by the event.
The absence of any affected hit region is represented with the null
value.
In some implementations, passing anything other than a number for the screen and
client fields will throw a TypeError
.
MouseEvent
, the interface of the objects it constructs.