小码哥的IT人生

HTML DOM MouseEvent

JavaScript基础 2022-06-08 11:57:56小码哥的IT人生shichen

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 从以下对象继承了所有的属性和方法:

UiEvent

Event 对象

事件类型

这些事件类型属于 MouseEvent 对象:

事件 描述
onclick 当用户单击元素时发生此事件。
oncontextmenu 当用户右键单击某个元素以打开上下文菜单时,发生此事件。
ondblclick 当用户双击元素时发生此事件。
onmousedown 当用户在元素上按下鼠标按钮时,发生此事件。
onmouseenter 当指针移动到元素上时,发生此事件。
onmouseleave 当指针从元素上移出时,发生此事件。
onmousemove 当指针在元素上方移动时,发生此事件。
onmouseout 当用户将鼠标指针移出元素或其中的子元素时,发生此事件。
onmouseover 当指针移动到元素或其中的子元素上时,发生此事件。
onmouseup 当用户在元素上释放鼠标按钮时,发生此事件。

版权所有 © 小码哥的IT人生
Copyright © phpcodeweb All Rights Reserved
ICP备案号:苏ICP备17019232号-2  

苏公网安备 32030202000762号

© 2021-2024