javascript - 解决按钮点击太快的最佳常用方法是什么？

Question

我有一个按钮。当点击按钮时，显示一个对话框来选择数据。
如果点击按钮的速度太快，将显示多对话框。
目前，我有两种方法可以解决这个问题
1.禁用
2.使用setTimeout和clearTimeout

有没有其他更好的办法解决这个问题？
非常感谢

解释:
如果使用禁用，对话框关闭后，需要将按钮设置为可用。
目前，我使用这段代码

Util.prototype.lazyTriggerEvent = function(buttonId,event,callback){
    var searchTrigger=null;
    $("#"+buttonId).bind(event,function(){
        var text = $.trim($(this).val());
        clearTimeout(searchTrigger);
        searchTrigger = setTimeout(function(){
            callback(text);
        },500);
    })
};
//Util.lazyTriggerEvent("showDialgBtnId","click",function(){})

如果点击按钮触发一个ajax，并且有更多这样的按钮，是解决这个问题的最常用方法。

Answer 1

您可以使用 jquery 的 .one() 处理程序将函数限制为运行一次:

JQuery's .one() handler

Description: Attach a handler to an event for the elements. The handler is executed at most once per element per event type.

$('button').one('click', function() {
  // Do stuff
});

---

或者您也可以在点击时禁用按钮:

$('button').click(function() {
  $(this).prop('disabled', true);
  // Do stuff
});

要重新启用该按钮，您只需将以下内容添加到您的关闭模式函数中:

$('button').prop('disabled', false);