div和childs上的角度2鼠標懸停事件

Question

我有一個跨區域的孩子在div中。

在我的div上，我有一個mouseover事件，當我懸停在span上時，我的事件觸發。

簡單代碼：

<div (mouseover)="showOverlay($event, FooBar)" (mouseleave)="showOverlay($event, FooBar)"> 
    <span>{{ someDataHere }}</span> 
</div> 


public showOverlay($event, op, element): void { 
    op.toggle($event, element); 
    $event.preventDefault(); 
} 

我想要的是繼續顯示我的疊加時，對兒童，我該如何實現這一目標？

Answer 1

mouseenter和mouseleave因爲進入小孩並不是mouseleave就更好地覆蓋了這個用例，只有離開實際元素的外邊界才使它開火。

又見What is the difference between the mouseover and mouseenter events?