如何解決滑鼠移動到子項目 會觸發父元素的mouseout事件

標籤：sel   事件   階段   rop   sele   節點   bsp   處理常式   enter   

方法一. 用mouseleave/mouseenter代替mouseover/mouseout【最佳方法】

mouseover與mouseenter

mouseover  => 不論滑鼠指標穿過被選元素或其子項目，都會觸發 mouseover 事件。
mouseenter => 只有在滑鼠指標從元素外穿入被選元素（到元素內）時，才會觸發 mouseenter 事件。

mouseout與mouseleave

mouseout => 不論滑鼠指標離開被選元素還是任何子項目，都會觸發 mouseout 事件。
mouseleave => 只有在滑鼠指標從元素內穿出被選元素（到元素外）時，才會觸發 mouseleave 事件。

方法二：利用e.stopPropagation()阻止事件進一步傳播

e.stopPropagation()會終止事件在傳播過程的捕獲、目標處理或起泡階段進一步傳播。調用該方法後，該節點上處理該事件的處理常式將被調用，事件不再被指派到其他節點。

如何解決滑鼠移動到子項目 會觸發父元素的mouseout事件