mozilla
您的搜索结果

    mouseleave

    概述

    当鼠标指针从一个元素的边界区域离开时,会触发一个同步模式的mouseleave事件.

    该事件和mouseout事件的不同点是, 该事件不允许冒泡,并且当鼠标从一个元素的自身的区域进入某个后代元素时,不会触发该事件.

    mouseenter.png mouseover.png

    当离开包含Text的div时,该层次结构中的每个div元素都会触发一个mouseleave事件.        

    (由于四个div元素都占用相同的位置,边界区域相同.这样会从内层元素开始依次向外触发事件)

    当离开包含Text的div时,只有最内层的div元素的mouseout事件被触发,然后一直向顶层元素冒泡.直到被取消冒泡或者到达根元素.

    如果网页的层次结构很深, 则 mouseleave 事件会在大量元素上触发.这样会造成显著的性能问题.这种情况下,使用mouseout事件更合适点.

    结合该事件的对应事件:mouseenter来看, mouseleave事件和CSS伪类 :hover 两者的表现比较相似.

    • 接口:MouseEvent
    • 是否同步模式:同步模式
    • 是否冒泡:
    • Target : element
    • 是否可以取消默认动作:
    • 默认动作:

    规范

    Specification Status Comment
    DOM3 Events Working Draft  

    浏览器兼容性

    Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
    Basic support 30 10 (10) (Yes) 11.10 Not supported
    Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
    Basic support Not supported 10.0 (10) ? ? Not supported

    相关链接

    文档标签和贡献者

    此页面的贡献者有: ziyunfei, yan
    最后编辑者: yan,