如图有父盒子和子盒子,父盒子绑定了冒泡的鼠标经过和鼠标离开事件。
那么如果把鼠标从父盒子外面移动到父盒子会触发父盒子的鼠标经过事件,如下图。
接着从此位置再移动到子盒子,又触发了父盒子的鼠标离开和鼠标经过。
这似乎是因为,鼠标虽然并未离开父盒子,但是经过了子盒子,子盒子的鼠标经过事件冒泡导致了父盒子的鼠标离开事件和父盒子的鼠标经过事件。
课件上是说冒泡会触发父级的同名事件,如果鼠标经过和鼠标离开不是同名事件,子盒子的鼠标经过只会触发父盒子的鼠标经过而不触发父盒子的鼠标离开。
但是鼠标从父盒子到子盒子,子盒子的鼠标经过却同时触发了父盒子的鼠标经过和鼠标离开,那么是否说明鼠标经过和鼠标离开是同名事件呢?
接着如果从下面图片红色箭头位置直接从父盒子外面到子盒子,理论来说应该同时触发父盒子的鼠标经过,以及由于子盒子冒泡导致的鼠标经过和鼠标离开,也就是一个鼠标离开和两个鼠标经过。但是为什么实际只有一个鼠标经过呢?
接着鼠标从下面第一张图的位置到第二张图的位置,此时同时离开了子盒子和父盒子,那么理论说应该触发父盒子的鼠标离开,以及子盒子鼠标离开冒泡导致的父盒子鼠标经过和鼠标离开。但是为什么只有一个鼠标离开呢?
另外,如果父盒子绑定的是不冒泡的鼠标经过事件mouseenter和鼠标离开事件mouseleave,从父盒子到子盒子就不会触发任何事件,说明鼠标从父盒子到子盒子并不算离开父盒子,也就印证了冒泡的鼠标事件中从父盒子到子盒子触发的鼠标经过和鼠标离开都是由子盒子冒泡产生的吗?