防止功能的執行從雙擊

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