Jquery 如何在触发双击事件时取消单击事件

当双击事件触发时，如何取消单击事件

我已经看过一些相关的，我发现了一些有效的方法

但是，如果我使用.on（“click”）而不是.click（），则此代码不起作用

知道为什么吗？我必须使用.on（），因此如果您使用.click（），则使用.click（）不是一个选项。在（'click'）上，您需要执行.on（'dblclick'）。（与dbl未开火时的问题相同）

此外，如果事件未触发，可能是因为您在该函数执行该操作后添加了选择器

所以

…而不是$（选择器）.on（'click'，function（）{}） …do$（选择器父项）.on（'click'，selector，function（）{}）

这是对.live（）的超级简洁的升级

---

。在内部

上单击调用，因此它应该可以以任何一种方式工作。你怎么称呼它？如果必须使用事件委派，情况可能会有所不同。若你们要双击，那个么当双击事件触发时，我该如何取消单击事件呢？不起作用。@Esailija这意味着我不能取消，但我可以选择忽略它吗？@arvinsim我不确定你会怎么做，因为如果你的

“dblclick”

处理程序启动，点击已经启动。任何超时破解都不会太有效，因为您无法知道操作系统用于双击的计时器值。我建议另一种UI设计不依赖于这个“悖论”：D

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

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

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

$('selector-parent').on('click', 'selector', 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);
}).on('dblclick', 'selector', function(e) {
    $(this).data('double', 2);


doubleClick.call(this, e);
});