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继承了以下所有属性和方法:
  • 事件类型

    这些事件类型属于MouseEvent对象:
    事件 描述
    onclick 当用户单击元素时发生该事件
    oncontextmenu 当用户右键单击元素以打开上下文菜单时,会发生该事件
    ondblclick 当用户双击元素时发生该事件
    onmousedown 当用户在元素上按下鼠标按钮时发生该事件
    onmouseenter 将指针移动到元素上时会发生该事件
    onmouseleave 当指针移出元素时发生该事件
    onmousemove 当指针在元素上方移动时,会发生事件
    onmouseout 当用户将鼠标指针移出元素或从其中一个子元素移出时,就会发生该事件
    onmouseover 将指针移动到元素或其子项之一时会发生此事件
    onmouseup 当用户在元素上释放鼠标按钮时发生该事件