mouseover和mouseout事件在鼠標經過子元素時也會觸發


JavaScript的mouseover和mouseout事件,在綁定元素內部有子元素的情況下,

經過綁定元素時會多次觸發mouseover和mouseout事件。

jQuery解決辦法:

jquery的mouseenter和mouseleave方法已經修復了這個問題,可以直接用來替代mouseover和mouseout

不過有個mouseenter和mouseleave有個小問題是,讓鼠標從文檔外直接進入綁定事件的元素時,mouseenter不生效

暫時解決辦法是,別讓綁定事件的元素靠瀏覽器邊緣,盡量留出至少1px間距。

另外,jquery的hover()方法,相當於使用了mouseenter和mouseleave。也能解決mouseover和mouseout的問題。


免責聲明!

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



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