div和childs

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?