需要在检测到双击事件时取消点击/鼠标事件 [英] Need to cancel click/mouseup events when double-click event detected

问题描述

这是怎么做的？

推荐答案

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

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.

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