Question

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

Answer 1

双击事件时候第一次单击会被屏蔽但是第二次不会，经常会导致双击事件变为双击事件加一次单击事件，解决的方法是消除掉多余的一次单击事件。

工具原料：编辑器、浏览器

1、实现防止双击事件时不触发单击事件的简单代码示例如下：

//定义setTimeout执行方法
var time = null;

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

$('div').dblclick(functin () {
    // 取消上次延时未执行的方法
    clearTimeout(time);
    //双击事件的执行代码
});

2、以上方案可以解决双击事件带来的单击事件触发。