Angular 2 zdarzenia mouseover na div i childs

Question

Mam dziecko span w div.

Na moim DIV mam zdarzenie mouseover, po najechaniu na span, moje zdarzenie zostanie wywołane.

Prosty kod:

<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(); 
} 

Co chcę jest nadal widoczna, gdy mój nakładki na dziecko, w jaki sposób to osiągnąć?

Answer 1

mouseenter i mouseleave lepiej przykrywają ten przypadek, ponieważ wpisanie dziecka nie oznacza, że ​​mouseleave strzela, pozostawiając jedynie zewnętrzną granicę danego elementu.

Zobacz także What is the difference between the mouseover and mouseenter events?