同一个dom元素下 单击事件覆盖双击事件的解决方法

再写js的时候发现一个问题：

 

$("#button1").on("dbclick",function(){
     //双击事件
}).on("click",function(){
    //单击事件
});

遇到如上情况的话单击事件会将双击事件覆盖掉,在网上找到一个解决方法,实验后可行：

var clickTimes=0;  //记录点击次数
$("#button1").on("click",function(){
      clickTimes++;        //记录点击次数
      if(clickTimes==2)      //当点击次数为2
      {
             //双击事件
             clickTimes=0;   //记得清零
      }
      

      //设置一个延时事件
      setTimeout(function(){
         if(clickTime==1)       
         {
            //单击事件
           clickTimes=0;   //清零
         }
},250);
})

思路： 如果点击次数为2即为双击事件；

            如果点击次数不为2则为单击事件：

           设置一个1/4秒的延时事件,

            假如1/4秒后没有clickTimes为1则触发单击事件