角形2次单击并双击锚标记

Question

<span>
<a href="www....">
  (click)="function1()" dblclick="function2()
</a>
</span>

只需双击即可进入url。单击一次即可执行  function1。此外，由于带有href的<anchor标签，默认情况下它会转到站点。

Answer 1

这是因为之后发生了角行程click事件，并且没有遇到dblclick。                             似乎必须通过超时来解决。

<span>
<a href="www...." (click)="function1()" (dblclick)="function2()">
  Check Event
</a>
</span>

toggle: Boolean = true;     

  function1(){
    this.toggle = true;
    setTimeout(()=>{
        if(this.toggle){
            console.log('Single click');
        }
    },250)
  }

  function2(){
    this.toggle = false;
    console.log('DBL click');
  }

参考-

• https://css-tricks.com/snippets/javascript/bind-different-events-to-click-and-double-click/

Working Example in Angular