鼠標移入移出冒泡事件解決 Jquery mouseenter和mouseleave


這兩天在在做一個菜單,ul下多個li菜單,當鼠標移出ul的時候將菜單隱藏。

想到這移入移出,想到mouseover和mouseout事件,但是問題來了,我要的是鼠標移出ul的時候才觸發mouseout事件,但是我鼠標移出ul子元素li的時候也出觸發ul上注冊的mouseout事件,這樣就達不到想要的效果。

后來跟同事討論才發現,jQuery本身還有另外兩個事件,mouseenter和mouseleave,同樣是鼠標移入,移出。只是它只針對注冊元素生效,對子元素不會生效,沒有冒泡事件。

很完美的解決了問題。

很開心,哈哈哈~~


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM