javascript - 'click'/'dblclick' 上同一类的不同功能

Question

这是我的两个函数，单击它就可以正常工作，但是在 dblclick 上两个函数都执行，知道吗？我尝试使用 live 而不是 delegate 但两个函数仍然在 dblclick 上执行

// Change Status on click
$(".todoBox").delegate("li", "click", function() {
    var id = $(this).attr("id");
    $.ajax({            
        //ajax stuff
});

return false;
});



// Double Click to Delete
$(".todoBox").delegate("li", "dblclick", function(){
    var id = $(this).attr("id");
    $.ajax({  
      //ajax stuff 
    });

return false;
});

Answer 1

来自 API 文档:

It is inadvisable to bind handlers to both the click and dblclick events for the same element. The sequence of events triggered varies from browser to browser, with some receiving two click events and others only one. If an interface that reacts differently to single- and double-clicks cannot be avoided, then the dblclick event should be simulated within the click handler. We can achieve this by saving a timestamp in the handler, and then comparing the current time to the saved timestamp on subsequent clicks. If the difference is small enough, we can treat the click as a double-click.

我认为这意味着您将在超时处理程序中执行您的click 操作。如果您再次点击，并且超时处理程序尚未发生，您将取消超时并执行 dblclick 代码。