mouseleave()与mouseout()的区别


关键词

jQuery mouseleave mouseout

摘要

本文介绍使用jquery的mouseleave方法和mouseout方法的区别，虽然两者都可以触发鼠标离开目的元素的事件。

在javascript中，只有mouseout而没有mouseleave方法，mouseleave是jquery封装的方法。这个方法比之mouseout有一个最大的好处是：当鼠标移动到目的元素的子元素时，mouseleave不会被触发，而mouseover会被触发。

举个例子，当我们一个大的div里面套了一个小的div，鼠标从大div移动到小div时，mouseout会被触发，而mouseleave不会被触发。这样我们可以利用这个方法来用弹出菜单及子菜单的显示和隐藏。

例子可以参见相关文章：使用jQuery来控制产品一级二级分类的弹出与隐藏，http://www.splaybow.com/post/jquery-level2-cate-show-hide.html

 

要饭二维码

洪哥写文章很苦逼，如果本文对您略有帮助，可以扫描下方二维码支持洪哥！金额随意，先行谢过！大家的支持是我前进的动力！

文章的版权

本文属于“洪哥笔记”原创文章，转载请注明来源地址：mouseleave()与mouseout()的区别：http://www.splaybow.com/post/jquery-mouseleave-mouseout-diff.html

如果您在服务器运维、网络管理、网站或系统开发过程有需要提供收费服务，请加QQ：8771947！十年运维经验，帮您省钱、让您放心！
亲，如果有需要，先存起来，方便以后再看啊！加入收藏夹的话，按Ctrl+D！

Tags: jQuery  mouseleave  mouseout  
发布时间：2015/4/15 9:48:47 | 编辑:洪哥 | 分类:DHTML | 浏览:
« 使用jQuery来控制产品一级二级分类的弹出与隐藏 设为首页和收藏本站的代码 »

相关文章:

苹果手机上password框前的text框显示成输入密码的状态  (2020/7/27 7:31:27)

javascript数组求和函数，使用reduce实现  (2020/6/27 7:50:19)

正则表达式的零宽度前置断言和后置断言  (2020/6/25 7:47:57)

JavaScript枚举数字1-9满足某个等式的算法  (2021/2/1 7:30:06)

video.js视频播放器的使用教程  (2020/11/1 7:46:18)

英文字母与中文汉字在各种编码下占用的字节数  (2020/9/1 7:02:37)

CSS使用transition属性来做动画  (2020/7/1 7:46:45)

JavaScript中的isNaN方法判断不了空字符串  (2020/6/11 7:35:55)

开发中用到的经纬度坐标系问题  (2019/12/21 17:46:55)

微信小程序首页不能web-view跳转到网页  (2019/5/1 7:25:49)