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

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

双击事件时候第一次单击会被屏蔽但是第二次不会，经常会导致双击事件变为双击事件加一次单击事件，解决的方法是消除掉多余的一次单击事件。
工具原料：编辑器、浏览器
1、实现防止双击事件时不触发单击事件的简单代码示例如下：
//定义setTimeout执行方法
var time = null;

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

$('div').dblclick(functin () {
    // 取消上次延时未执行的方法
    clearTimeout(time);
    //双击事件的执行代码
});2、以上方案可以解决双击事件带来的单击事件触发。