我有以下的angular2模板:
<div (click)="foo()">
<img (longPress)="bar(1)" (click)="foobar(1)" />
<img (longPress)="bar(2)" (click)="foobar(2)"/>
</div>
Longpress是一个自定义属性指令,当你按下鼠标500毫秒时触发。
<div>
和<img>
上的单击事件可以正常处理。当我在图像上进行长按时,会调用bar()函数。然而,在长按后的mouseUp事件中,单击事件会在<img>
和父级<div>
上触发。
有什么简单的方法可以防止这些单击事件呢?
我现在唯一能想到的就是编写一个自定义属性指令,只在少于500ms的“点击”上触发。但我觉得这有点过头了。