使用 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,对象结构接口。