使用 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) | ? | ? | ? |
参阅
MouseEvent
,对象结构接口。