問題描述
做一個滑鼠移入移出的功能,發現如果綁定mouseover和mouseout,滑鼠移入就會反複觸發這兩個事件。
解決方案
查資料發現用法不一樣
總結一下mouseover&mouseout和mouseenter&mouseleave在用法上的差別
mouseover與mouseenter
不論滑鼠穿過被選元素或其子元素,都會觸發mouseover事件。
隻有在滑鼠指針從元素外傳入備選元素(到元素内)時,才會觸發mouseenter事件。
mouseout與mouseleave
不論滑鼠指針離開被選元素還是任何子元素,都會觸發mouseout事件。
隻有在滑鼠指針從元素内穿出備選元素(到元素外)時,才會觸發mouseleave事件。
是以,我把mouseout換成mouseleave就解決問題了