唯品秀前端博客
当前位置: 前端开发 > JavaScript >

关于事件mouseover ,mouseout ,mouseenter,mouseleave的区别

作者：管理员 2017-05-24 19:31:54 分类：JavaScript 阅读（38585） 5

定义和用法

当鼠标指针离开元素时，会发生 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

    好几年没用过博客了，支持下！

    141.101.104.57 2017-06-13 21:35 回复
  2. 27629030
    Windows 7 搜狗浏览器 2.X

    好好学习，天天向上

    141.101.104.57 2017-06-09 17:33 回复
  3. 衣皇后
    Windows 7 搜狗浏览器 2.X

    相当精彩的博客！

    141.101.104.57 2017-06-05 17:30 回复
  4. 增达网
    Windows 7 搜狗浏览器 2.X

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

    141.101.104.57 2017-06-02 15:16 回复
  5. 衣皇后
    Windows 7 搜狗浏览器 2.X

    很荣幸来到这里参观！

    141.101.104.57 2017-05-31 15:30 回复
    6. 暂无留言哦~~
谢谢你请我吃鸡腿*^_^*

支付宝扫一扫打赏

微信扫一扫打赏