防止功能的执行从双击

Question

当按钮点击这个函数被调用

save_edit: function() { 

    this.do_save(); 

}, 

我试图禁用按钮，一旦它被点击，以防止双击。我如何在这个功能中做到这一点？

Answer 1

$("#el").click(function() { 
    $(this).prop('disabled',true); 
    // do more stuff 
    $(this).prop('disabled',false); // if desired 
}); 

或者，如果你有几个按钮：

$(":button").click(function() { 
    $(this).prop('disabled',true); 
    // $(this) is a jQuery object of the button that was just clicked 
    str_id = $(this).attr('id'); // if you really need the ID itself 
    // do more stuff 
}); 

Answer 2

$("#element").dblclick(function(){ 
    return false; 
}); 

$("#element").click(function(){ 
    //do stuff 
}); 

Answer 3

如果你不想禁用按钮，可以从调用函数的时间设定peroid停止方法。

save_edit: function() { 
    if(this.timer)return; 
    this.do_save(); 
    this.timer = window.setTimeout(function(){}, 300); //number of ms before you want another submit to happen 
}, 

Answer 4

$("#btn").one(function(){ 
    //do stuff once and remove handler 
}); 

$("#btn").dblclick(function(){ 
    return false; 
});