Angular框架中解决鼠标同一个DOM元素作用单击和双击事件未

• 前言：
  在实际的应用开发过程中，有可能会遇到一个DOM元素同时处理单击和双击的事件，但是当我们将方法加上去时，就发现，双击事件只执行了单击事件的效果。
  

  图1.png

• 解决方案：
  (click)="handleOpen(x,y)" (dblclick)="handleSelect(x,y)"对单击事件设置定时器

  handleOpen(x,y) {
    const that = this;
    if(!this.isSingle){
      this.isSingle=true;
      this.timer = setTimeout(function () {
        // 这里写你的代码逻辑
        that.isSingle = false;
      },1)
    }
  }

  handleSelect(x,y) {
    // 这里写你的代码逻辑
    this.isSingle = false;
    clearTimeout(this.timer); // 清除定时器
  }