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

« 使用jQuery来控制产品一级二级分类的弹出与隐藏 设为首页和收藏本站的代码 »