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

问题描述

这是怎么做到的?

推荐答案

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

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.

这篇关于检测到双击事件时需要取消单击/鼠标事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持html5模板网！