HTML DOM MouseEvent
MouseEvent 对象
鼠标与 HTML 文档交互时发生的事件属于 MouseEvent 对象。
Mouse事件属性和方法
| 属性/方法 | 描述 |
|---|---|
| altKey | 返回触发鼠标事件时是否按下了 "ALT" 键。 |
| button | 返回触发鼠标事件时按下的鼠标按钮。 |
| buttons | 返回触发鼠标事件时按下的鼠标按钮。 |
| clientX | 返回触发鼠标事件时,鼠标指针相对于当前窗口的水平坐标。 |
| clientY | 返回触发鼠标事件时,鼠标指针相对于当前窗口的垂直坐标。 |
| ctrlKey | 返回按键鼠标事件时是否按下了 "CTRL" 键。 |
| getModifierState() | 如果指定的键被激活,则返回 true。 |
| metaKey | 返回事件触发时是否按下了 "META" 键。 |
| movementX | 返回相对于上一 mousemove 事件的位置的鼠标指针的水平坐标。 |
| movementY | 返回相对于上一 mousemove 事件的位置的鼠标指针的垂直坐标。 |
| offsetX | 返回鼠标指针相对于目标元素边缘位置的水平坐标。 |
| offsetY | 返回鼠标指针相对于目标元素边缘位置的垂直坐标。 |
| pageX | 返回触发鼠标事件时鼠标指针相对于文档的水平坐标。 |
| pageY | 返回触发鼠标事件时鼠标指针相对于文档的垂直坐标。 |
| region | |
| relatedTarget | 返回与触发鼠标事件的元素相关的元素。 |
| screenX | 返回触发事件时鼠标指针相对于屏幕的水平坐标。 |
| screenY | 返回触发事件时鼠标指针相对于屏幕的垂直坐标。 |
| shiftKey | 返回事件触发时是否按下了 "SHIFT" 键。 |
| which | 返回触发鼠标事件时按下的鼠标按钮。 |
事件类型
这些事件类型属于 MouseEvent 对象:
| 事件 | 描述 |
|---|---|
| onclick | 当用户单击元素时发生此事件。 |
| oncontextmenu | 当用户右键单击某个元素以打开上下文菜单时,发生此事件。 |
| ondblclick | 当用户双击元素时发生此事件。 |
| onmousedown | 当用户在元素上按下鼠标按钮时,发生此事件。 |
| onmouseenter | 当指针移动到元素上时,发生此事件。 |
| onmouseleave | 当指针从元素上移出时,发生此事件。 |
| onmousemove | 当指针在元素上方移动时,发生此事件。 |
| onmouseout | 当用户将鼠标指针移出元素或其中的子元素时,发生此事件。 |
| onmouseover | 当指针移动到元素或其中的子元素上时,发生此事件。 |
| onmouseup | 当用户在元素上释放鼠标按钮时,发生此事件。 |