在Angular中停止鼠标事件传播最简单的方法是什么?
我是否应该传递特殊的$event
对象并自己调用stopPropagation()
,或者还有其他方法。
例如,在Meteor中,我可以简单地从事件处理程序返回false
。
发布于 2016-12-07 01:17:57
如果您希望能够将此代码添加到任何元素中,而不必一次又一次地复制/粘贴相同的代码,则可以创建一个指令来执行此操作。非常简单,如下所示:
import {Directive, HostListener} from "@angular/core";
@Directive({
selector: "[click-stop-propagation]"
})
export class ClickStopPropagation
{
@HostListener("click", ["$event"])
public onClick(event: any): void
{
event.stopPropagation();
}
}
然后只需将其添加到您想要其上的元素:
<div click-stop-propagation>Stop Propagation</div>
发布于 2016-02-09 00:09:28
最简单的方法是在事件处理程序上调用stop propagation。$event
在Angular 2中的工作原理相同,并且包含正在进行的事件(通过它可以执行鼠标单击、鼠标事件等):
(click)="onEvent($event)"
在事件处理程序上,我们可以在那里停止传播:
onEvent(event) {
event.stopPropagation();
}
发布于 2017-10-05 22:38:25
添加来自@AndroidUniversity的答案。在一行代码中,你可以这样写它:
<component (click)="$event.stopPropagation()"></component>
https://stackoverflow.com/questions/35274028
复制相似问题