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 | 当用户在元素上释放鼠标按钮时,发生此事件。 |