經過綁定元素時會多次觸發mouseover和mouseout事件,針對這個問題,下面有個不錯的解決方法
javascript的mouseover和mouseout事件,在綁定元素內部有子元素的情況下,
經過綁定元素時會多次觸發mouseover和mouseout事件。
jquery解決辦法:
jquery的mouseenter和mouseleave方法已經修復了這個問題,可以直接用來替代mouseover和mouseout
不過有個mouseenter和mouseleave有個小問題是,讓鼠標從文檔外直接進入綁定事件的元素時,mouseenter不生效
暫時解決辦法是,別讓綁定事件的元素靠浏覽器邊緣,盡量留出至少1px間距。
另外,jquery的hover()方法,相當於使用了mouseenter和mouseleave。也能解決mouseover和mouseout的問題。