[英]Angular 2 mouseover event on div and childs
I have a span child in a div. 我有一个跨越孩子的div。
On my div I have a mouseover
event, when I hover on the span
, my event triggers. 在我的div上我有一个mouseover
事件,当我悬停在span
,我的事件会触发。
Simple code: 简单代码:
<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();
}
What I want is to keep showing my overlay when on child, how do I achieve this? 我想要的是在孩子身上继续显示我的叠加层,我该如何做到这一点?
mouseenter
and mouseleave
cover this use case better because entering a child doesn't mouseleave
to fire, only leaving the outside border of the actual element makes it to fire. mouseenter
和mouseleave
更好地覆盖了这个用例,因为进入一个孩子不会mouseleave
开火,只留下实际元素的外边框使其触发。
See also What is the difference between the mouseover and mouseenter events? 另请参阅mouseover和mouseenter事件之间的区别是什么?
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.