唯品秀前端博客
当前位置: 前端开发 > JavaScript > 关于事件mouseover ,mouseout ,mouseenter,mouseleave的区别

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

2017-05-24 分类:JavaScript 作者:管理员 阅读(32765)

定义和用法

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

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

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

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

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

「三年博客,如果觉得我的文章对您有用,请帮助本站成长」

赞(7) 打赏

谢谢你请我吃鸡腿*^_^*

支付宝
微信
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

    很荣幸来到这里参观!

博客简介

唯品秀博客: weipxiu.com,一个关注Web前端开发技术、关注用户体验、坚持更多原创实战教程的个人网站,愿景:成为宇宙中最具有代表性的前端博客,期待您的参与,主题源码 

精彩评论

友情链接

他们同样是一群网虫,却不是每天泡在网上游走在淘宝和网游之间、刷着本来就快要透支的信用卡。他们或许没有踏出国门一步,但同学却不局限在一国一校,而是遍及全球!申请交换友链

站点统计

  • 文章总数: 245 篇
  • 草稿数目: 0 篇
  • 分类数目: 15 个
  • 独立页面: 6 个
  • 评论总数: 875 条
  • 链接总数: 14 个
  • 标签总数: 436 个
  • 建站时间: 1086 天
  • 注册用户: 4198 人
  • 访问总量: 8743228 次
  • 最近更新: 2019年12月4日
服务热线:
 173xxxx7240

 QQ在线交流

 旺旺在线