Jquery绑定双击并单击一次

Question

Jquery绑定双击并单击一次在jquery中有什么东西可以让我区分双击和单击的行为吗？当我将两个绑定到同一个元素时，只执行单击。是否有一种方法可以在执行单击之前等待一段时间以查看用户是否再次点击？谢谢 ：）

Answer 1

当然，绑定两个处理程序，一个到click另一个dblclick。创建一个在每次单击时递增的变量。然后在设定的延迟后重置。在setTimeout函数中你可以做点什么......

var DELAY = 2000,
    clicks = 0,
    timer = null;$('a').bind({
    click: function(e) {
        clearTimeout(timer);

        timer = setTimeout(function() {
            clicks = 0;
        }, DELAY);

        if(clicks === 1) {
            alert(clicks);
             //do something here

            clicks = 0;
        }

        //Increment clicks
        clicks++;
    },
    dblclick: function(e) {
        e.preventDefault(); //don't do anything
    }});