双击时如何实现不触发单击事件？

 

 

单击和双击事件的执行顺序：

 　　

单击（click）：mousedown , mouseout , click;

双击（dblclick）：mousedown , mouseout , click , mousedown , mouseout , click , dblclick;

 

双击事件（dblclick），触发的两次单击事件（click）中，第一次的单击事件（click）会被屏蔽掉，但第二次不会。也就是说双击事件（dblclic）会返回一次单击事件（click）结果和一次双击事件（dblclick）结果。而不是一次双击事件（dblclick）结果和两次单击事件结果（click）。

如此这般的话，只需消灭掉多余的一次单击事件（click），这个问题就解决了。

 

解决方法如下：

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