检测到双击事件时需要取消单击/鼠标事件

2022-01-15 00:00:00 double-click event-handling jquery click javascript

这是怎么做到的?

推荐答案

这是个好问题，其实我觉得也不是那么容易做到的.(对此进行一些讨论)

This is a good question, and I actually don't think it can be done easily. (Some discussion on this)

如果拥有此功能对您来说非常重要，您可以像这样破解它:

If it is super duper important for you to have this functionality, you could hack it like so:

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);
});

这是一个它的工作示例.

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

As pointed out in the comments, there is a plugin for this that does what I did above pretty much, but packages it up for you so you don't have to see the ugly: FixClick.

相关文章