MouseEvent: MouseEvent() 构造函数

基线 广泛可用

此功能已建立,并在许多设备和浏览器版本中均有效。它自 2015 年 7 月.

报告反馈

语法

MouseEvent() 构造函数创建一个新的 MouseEvent 对象。
new MouseEvent(type)
new MouseEvent(type, options)

js

参数

type

包含事件名称的字符串。它区分大小写,浏览器将其设置为 clickdblclickmousedownmouseentermouseleavemousemovemouseoutmouseovermouseup

options 可选

除了 UIEvent() 中定义的属性外,该对象还可以具有以下属性

screenX 可选

一个数字,默认为 0,表示鼠标事件在用户屏幕上的水平位置;设置此值不会移动鼠标指针。

screenY 可选

一个数字,默认为 0,表示鼠标事件在用户屏幕上的垂直位置;设置此值不会移动鼠标指针。

clientX 可选

一个数字,默认为 0,表示鼠标事件在用户屏幕的客户端窗口上的水平位置;设置此值不会移动鼠标指针。

clientY 可选

一个数字,默认为 0,表示鼠标事件在用户屏幕的客户端窗口上的垂直位置;设置此值不会移动鼠标指针。

ctrlKey 可选

一个布尔值,指示是否同时按下 ctrl 键。它默认为 false

shiftKey 可选

一个布尔值,指示是否同时按下 shift 键。它默认为 false

altKey 可选

一个布尔值,指示是否同时按下 alt 键。它默认为 false

metaKey 可选

一个布尔值,指示是否同时按下 meta 键。它默认为 false

button 可选

一个数字,默认为 0,描述与按钮按下或释放相关的事件中按下了哪个按钮
0 含义
1 主按钮按下(通常是左按钮)或未初始化
2 辅助按钮按下(通常是中间按钮)
次要按钮按下(通常是右按钮)

buttons 可选

一个数字,默认为 0,描述事件触发时按下了哪些按钮
0 位字段值
1 没有按钮按下
2 辅助按钮按下(通常是中间按钮)
4 主按钮按下(通常是左按钮)或未初始化
主按钮按下(通常是左按钮)

relatedTarget 可选

一个 EventTarget,默认为 null,即刚离开的元素(如果是 mouseentermouseover)或正在进入的元素(如果是 mouseoutmouseleave)。

region 非标准 可选

一个字符串,默认为 null,表示受事件影响的命中区域的 ID。任何受影响的命中区域的缺失都用 null 值表示。

规范

在某些实现中,传递除数字以外的任何值到屏幕和客户端字段将引发 TypeError
UI 事件
# 规范

浏览器兼容性

dom-mouseevent-mouseevent

另请参阅

  • 启用 JavaScript 以查看数据。