Div ve oğulları üzerinde açısal 2 mouseover olayı

Question

Bir div dilinde bir span çocuğum var.

Benim divamda span üzerine geldiğimde mouseover olayım var, olayım tetikleniyor.

Basit kodu:

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

İstediğim çocuğa, nasıl bunu başarmak ne zaman benim bindirme gösteren tutmaktır?

Answer 1

mouseenter ve mouseleave bu kullanım durumunu daha iyi kapsar; çünkü bir çocuğun girmesi, mouseleave'un ateş etmemesidir, yalnızca gerçek öğenin dış kenarını bırakmak ateşlenir.

Ayrıca bkz What is the difference between the mouseover and mouseenter events?