唯品秀前端博客

定义和用法

当鼠标指针离开元素时,会发生 mouseleave 事件。
该事件大多数时候会与 mouseenter 事件一起使用。

mouseleave() 方法触发 mouseleave 事件,或规定当发生 mouseleave 事件时运行的函数。

注释:与 mouseout 事件不同,只有在鼠标指针离开被选元素时,才会触发 mouseleave 事件。如果鼠标指针离开任何子元素,同样会触发 mouseout 事件。请看下面例子的演示。

关于mouseover ,mouseout ,mouseenter,mouseleave冒泡机制问题

通过测试我发现,mouseover ,mouseout子元素上移动时候触发父元素事件,但并不是冒泡产生的,也就是说禁止冒泡没任何效果,而mouseenter,mouseleave则支持冒泡,但是它的冒泡事件会和通常我们所想的不同,并不会由子元素触发冒泡

本站所有文章、图片、资源等如无特殊说明或标注,均为来自互联网或者站长原创,版权归原作者所有;仅作为个人学习、研究以及欣赏!如若本站内容侵犯了原著者的合法权益,可联系我们进行处理,邮箱:343049466@qq.com
赞(7) 打赏
谢谢你请我吃鸡腿*^_^*

支付宝扫一扫打赏

微信扫一扫打赏

上一篇:

下一篇:

相关推荐

5 条评论关于"关于事件mouseover ,mouseout ,mouseenter,mouseleave的区别"

表情

最新评论

  1. 直销
    Windows 7 搜狗浏览器 2.X

    好几年没用过博客了,支持下!

  2. 27629030
    Windows 7 搜狗浏览器 2.X

    好好学习,天天向上

  3. 衣皇后
    Windows 7 搜狗浏览器 2.X

    相当精彩的博客!

  4. 增达网
    Windows 7 搜狗浏览器 2.X

    看了一遍原文,不懂;又看了一遍原文,还是不懂。再看了一遍原文,实在不懂。最后看了一遍回帖,懂了我为什么不懂……于是我懂了,人有时候要学会放弃。

  5. 衣皇后
    Windows 7 搜狗浏览器 2.X

    很荣幸来到这里参观!

  6. 暂无留言哦~~