Question

按下按钮时，此功能称为

save_edit: function() {

    this.do_save();

},

我试图在点击按钮时禁用按钮以防止双击。我怎么能在这个功能中做到这一点？

Answer 1

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

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

Answer 2

$("#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 3

如果您不想禁用该按钮，则可以停止该方法调用该函数一段时间。

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

阻止双击执行功能

4 个答案: