鼠標滑動事件:mouseover和mouseout出現閃動現象


解決這個現象的辦法有許多,不過我覺得有一種是最簡單的那就是把mouseover和mouseout換成對應的mouseenter和mouseleave。
當鼠標指針位於元素上方時,會發生 mouseover 事件。
該事件大多數時候會與 mouseout 事件一起使用。
注釋:與 mouseenter 事件不同,不論鼠標指針穿過被選元素或其子元素,都會觸發 mouseover 事件。只有在鼠標指針穿過被選元素時,才會觸發 mouseenter 事件。
注釋:與 mouseleave 事件不同,不論鼠標指針離開被選元素還是任何子元素,都會觸發 mouseout 事件。只有在鼠標指針離開被選元素時,才會觸發 mouseleave 事件。

 

當鼠標指針穿過元素時,會發生 mouseenter 事件。該事件大多數時候會與mouseleave 事件一起使用。
注意:mouseover ,mouseout當鼠標指針穿過被選元素子元素時,也會觸發事件。

這在綁定事件時,有時出現意想不到的Bug可能就是由 mouseover mouseout 事件引起的

使用mouseover與mouseenter方法來避免這個現象:


不論鼠標指針穿過被選元素或其子元素,都會觸發 mouseover 事件。
只有在鼠標指針穿過被選元素時,才會觸發 mouseenter 事件。


不論鼠標指針離開被選元素還是任何子元素,都會觸發 mouseout 事件。
只有在鼠標指針離開被選元素時,才會觸發 mouseleave 事件。


免責聲明!

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



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