這兩天在在做一個菜單,ul下多個li菜單,當鼠標移出ul的時候將菜單隱藏。
想到這移入移出,想到mouseover和mouseout事件,但是問題來了,我要的是鼠標移出ul的時候才觸發mouseout事件,但是我鼠標移出ul子元素li的時候也出觸發ul上注冊的mouseout事件,這樣就達不到想要的效果。
后來跟同事討論才發現,jQuery本身還有另外兩個事件,mouseenter和mouseleave,同樣是鼠標移入,移出。只是它只針對注冊元素生效,對子元素不會生效,沒有冒泡事件。
很完美的解決了問題。
很開心,哈哈哈~~