MouseEvent()

使用 MouseEvent()构造器来创建一个 MouseEvent.

语法

 event = new MouseEvent(typeArg, mouseEventInit);

形参

typeArg
DOMString 格式的事件名称。
mouseEventInit 可选
初始化 MouseEvent 的字典,有下列属性字段:
  • "screenX",long型可选且默认为0,设置鼠标事件发生时相对于用户屏幕的水平坐标位置;该操作并不会改变真实鼠标的位置
  • "screenY",long型可选且默认为0,设置鼠标事件发生时相对于用户屏幕的垂直坐标位置;该操作并不会改变真实鼠标的位置
  • "clientX",long型可选且默认为0,设置鼠标事件时相对于客户端窗口的水平坐标位置;该操作并不会改变真实鼠标的位置
  • "clientY",long型可选且默认为0,设置鼠标事件时相对于客户端窗口的垂直坐标位置;该操作并不会改变真实鼠标的位置
  • "ctrlKey",Boolean 型可选且默认为false,标明 ctrl 键是否同时按下。
  • "shiftKey"Boolean 型可选且默认为false,标明 shift 键是否同时按下。
  • "altKey",Boolean 型可选且默认为false,标明 alt 键是否同时按下。
  • "metaKey",Boolean 型可选且默认为false,标明 meta 键是否同时按下。
  • "button",short型可选且默认为0,描述了当事件发生时哪个按键被按下或释放:
    Value Meaning
    0 主按键按下 (通常是左键) 或未初始化
    1 辅助按键按下 (通常是中键)
    2 次按键按下 (通常是右键)
  • "buttons",无符号short型且默认为0,描述了当事件发生时哪些按键被按下:
    Bit-field value Meaning
    0 无按键按下
    1 主按键按下 (通常是左键)
    2 次按键按下 (通常是右键)
    4 辅助按键按下 (通常是中键)
  • "relatedTarget",EventTarget 型可选且默认为null,标明刚离开的元素 (发生在事件 mouseenter 或 mouseover) 或刚进入的元素 (发生在事件 mouseout 或 mouseleave)。
  • "region",DOMString 型可选且默认为null,标明点击事件影响的区域DOM的id。不影响任何区域的话请传null值。

上述 MouseEventInit 字典字段还包括从 UIEventInit 和 EventInit 继承来的字典字段。

规范

Specification Status Comment
WHATWG HTML Living Standard
region value
Living Standard From Document Object Model (DOM) Level 3 Events Specification, added the "region" value in the dictionary.
Document Object Model (DOM) Level 3 Events Specification
MouseEvent()
Working Draft Initial definition.

浏览器兼容性

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support (Yes) 11 (11) 未实现 (Yes) ?
"region" ? 32 (32) ? ? ?
Feature Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support ? ? 11.0 (11) 11 ? ?
"region" ? ? 32.0 (32) ? ? ?

参阅

文档标签和贡献者