jQuery中hover与mouseover和mouseout的区别分析_jquery_脚本之家

在wrapper上加风波,当鼠标移动到wrapper上的时候让的层放大。但一旦用mouseover和mouseout事件的话,当鼠标移动到wrapper层后,point层会变大,但当鼠标在img和text层之间开展运动的时候,point层会变大变小,不停的变动。那并非大家想要的结果,大家想要的是倘诺鼠标在wrapper层上,无论是img依旧text上,point就变大,但在鼠标未移出wrapper层的景色下,point层不改变小。

增加补充:后来小编师父说其实在jquery源码中有如此一段:

那样简单的标题大家以至花了好长期才消除,真是浮夸。写篇以作回看。

原先从来以为在jquery中其实mouseover和mouseout三个事件格外hover事件。多少个没什么差异,应该是一律的。但前几日二个卡通效果才让自家见闻了,那四个并不能同一。

本文实例深入分析了jQuery中hover与mouseover和mouseout的区分。分享给大家供我们参照他事他说加以考查,具体如下:

也正是说hover!=mouseover+mouseout。但hover=mouseenter+mouseleave。

hover: function { return this.mouseenter.mouseleave;}

可望本文所述对大家jQuery程序设计有着扶助。

日渐思路也显明了,我们不用mouseover和mouseout而用hover难题就一下子就解决了了。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图