jQuery中的双击事件

jQuery中的双击事件

当双击元素时，会发生 dblclick 事件。
当鼠标指针停留在元素上方，然后按下并松开鼠标左键时，就会发生一次 click，在很短的时间内发生两次 click，即是一次 double click 事件。

但是如果元素同时绑定了单击事件(click)和双击事件(dblclick),那么执行单击事件(click)时，不会触发双击事件(dblclick)， 执行双击事件(dblclick)时却会触发两次单击事件(click)。

这种情况可以通过规定两次点击事件的时间间隔来解决，在某段时间内点击两个触发双击事件，除此之外都触发单击事件。

//定义setTimeout执行方法
  var TimeFn = null;
 
  $('div').click(function () {
      // 取消上次延时未执行的方法
      clearTimeout(TimeFn);
      //执行延时
      TimeFn = setTimeout(function(){
          //do function在此处写单击事件要执行的代码
    },500);
 });
 
 $('div').dblclick(functin () {
      // 取消上次延时未执行的方法
     clearTimeout(TimeFn);
     //双击事件的执行代码
 })