JavaScript HTML DOM MouseEvent 对象参考
-
MouseEvent对象
鼠标与HTML文档交互时发生的事件属于MouseEvent对象。 -
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对象:事件 描述 onclick 当用户单击元素时发生该事件 oncontextmenu 当用户右键单击元素以打开上下文菜单时,会发生该事件 ondblclick 当用户双击元素时发生该事件 onmousedown 当用户在元素上按下鼠标按钮时发生该事件 onmouseenter 将指针移动到元素上时会发生该事件 onmouseleave 当指针移出元素时发生该事件 onmousemove 当指针在元素上方移动时,会发生事件 onmouseout 当用户将鼠标指针移出元素或从其中一个子元素移出时,就会发生该事件 onmouseover 将指针移动到元素或其子项之一时会发生此事件 onmouseup 当用户在元素上释放鼠标按钮时发生该事件