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

问题描述：

这是怎么做的？

答

这是一个好问题，我实际上不认为可以做容易。（对此有一些讨论）

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.

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

相关推荐