天天看點

總結滑鼠移入移出事件

問題描述

做一個滑鼠移入移出的功能,發現如果綁定mouseover和mouseout,滑鼠移入就會反複觸發這兩個事件。

解決方案

查資料發現用法不一樣

總結一下mouseover&mouseout和mouseenter&mouseleave在用法上的差別

mouseover與mouseenter

不論滑鼠穿過被選元素或其子元素,都會觸發mouseover事件。

隻有在滑鼠指針從元素外傳入備選元素(到元素内)時,才會觸發mouseenter事件。

mouseout與mouseleave

不論滑鼠指針離開被選元素還是任何子元素,都會觸發mouseout事件。

隻有在滑鼠指針從元素内穿出備選元素(到元素外)時,才會觸發mouseleave事件。

是以,我把mouseout換成mouseleave就解決問題了