您的位置:首页 > Web前端 > JavaScript

B1. mouseover/mouseout和mouseenter/mouseleave和hover

2018-01-29 16:26 357 查看
hover:首先通过查看Jquery源码,可以得到,hover就是对mouseenter/的封装。

目标对象 A,具有子元素B。

mouseover和mouseenter,区别:

mouseover/mouseout:鼠标进入对象A会触发相应事件mouseover,当鼠标在A内进行滑动,进入B时,被判定为离开了A,将会触发对象A的mouseout,当离开B时,继续触发对象A的mouseover。

 所以有时候你发现事件有闪烁的情况,可能就是因为这个原因。

mouseenter/mouseleave:鼠标进入对象A会触发相应事件mouseenter,鼠标退出对象A时才触发mouseleave。

 并不会出现mouseover/mouseout的闪烁bug。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  bug javascript mouseover