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。
目标对象 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。
相关文章推荐
- hover!= mouseover+mouseout。但hover=mouseenter + mouseleave
- hover!= mouseover+mouseout。但hover=mouseenter + mouseleave
- 【WIN32之旅】给托盘图标加上MOUSE_ENTER、MOUSE_HOVER、MOUSE_LEAVE消息
- jquery的hover mouseover mouseout mouseenter mouseleave的区别
- jQuery 的 hover 方法等同于 mouseenter + mouseleave 方法
- 跨浏览器的 mouseenter mouseleave 以及 compareDocumentPosition
- mouseenter & mouseleave VS mouseover & mouseout
- 事件mouseover/out和mouseenter/leave
- 捕获按钮离开事件.Simulate MouseEnter and MouseLeave events
- mouseover/out和mouseenter/leave的区别及用法
- Mouseenter/ mouseleave和mouseover/mouseout
- mouse的over/out和enter/leave
- onMouseOver&onMouseOut vs onMouseEnter&onMouseLeave
- jquery的mouseover/mouseleave和mouseenter/mouseout区别,横向多级滑动菜单
- 彻底研究mouseover mouseout mouseenter mouseleave
- 关于jquery mouseenter/mouseleave在 IE中不起作用的问题
- jquery合成事件hover(enter,leave
- mouseover mouseout mouseenter mouseleave解释
- 鼠标移入和移出事件mouseenter VS mouseover 、mouseleave VS mouseout