angular6 双击的时候禁止单击事件产生dblclick

最新推荐文章于 2021-03-15 17:16:02 发布

wu_223

最新推荐文章于 2021-03-15 17:16:02 发布

阅读量1.3k

点赞数 1

分类专栏： angular4 js 文章标签： js双击禁掉单击事件 angular6双击事件

本文链接：https://blog.csdn.net/qq_34790644/article/details/107044956

版权

angular4 同时被 2 个专栏收录

78 篇文章 0 订阅

订阅专栏

51 篇文章 0 订阅

订阅专栏

代码如下所示：

html代码如下：

 <div class="item" (click)="clickF()" (dblclick)="dblclickF()"> 
 </div>

ts代码如下：

      //定义两个全局变量
      isdb;
      timeout;

      //单击方法
      clickF() {

        this.isdb = false;

        var that=this;

        this.timeout = setTimeout(function () {
            if (that.isdb != true) {
        
                 //单击处理事件
            }
        },500)

      }



      //双击方法
      dblclickF(){
         this.isdb = true;
      }