HTML DOM MouseEvent

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

MouseEvent 对象

鼠标与 HTML 文档交互时发生的事件属于 MouseEvent 对象。

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

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

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