角离子单击和双击

Question

您好，我创建了一个指令，目标是使用 HammerJs 拦截单击和双击，但它不能按我想要的方式工作，现在我对如何解决问题没有任何想法。

我试过了：

  @HostListener('tap', ['$event'])
   handleTaps(event) {
     if(event.tapCount == 2) {
      this.doubleTap.emit();
      event.prevenDefault();
     } else {
       this.singleTap.emit();
       event.prevenDefault();
    }
   }

问题在于它确实调用了双击或双击，但也调用了之前的单击。防止这种情况的解决方案是什么？使用设定的超时时间？谢谢

Answer 1

根据您的代码， 试试这个

firstClicked = false;    
@HostListener('tap', ['$event'])
handleTaps(event) {
  if(!this.firstClicked){
       this.firstClicked = true;
       this.singleTap.emit();
       setTimeout(()=> {
          this.firstClicked = false;
       }, 200);
   }else{
       this.doubleTap.emit();
   }
}

这是我用它制作的Angular example，但带有“点击”事件。 老实说，我不确定 setTimeout 是否适用于 IONIC，相反，您可以使用与我猜想的相同概念的原生 Timer API。