javascript - 检测到双击事件时需要取消点击/鼠标弹起事件

Question

这是怎么做到的？

Answer 1

这是一个很好的问题，其实我认为这并不容易完成。 ( Some discussion on this )

如果拥有这个功能对你来说 super 重要，你可以像这样破解它:

function singleClick(e) {
    // do something, "this" will be the DOM element
}

function doubleClick(e) {
    // do something, "this" will be the DOM element
}

$(selector).click(function(e) {
    var that = this;
    setTimeout(function() {
        var dblclick = parseInt($(that).data('double'), 10);
        if (dblclick > 0) {
            $(that).data('double', dblclick-1);
        } else {
            singleClick.call(that, e);
        }
    }, 300);
}).dblclick(function(e) {
    $(this).data('double', 2);
    doubleClick.call(this, e);
});

这是一个 example of it at work .

正如评论中所指出的，有一个插件可以完成我上面所做的大部分工作，但会为您打包，这样您就不必看到丑陋的东西:FixClick .