jquery - ajax/jquery - 防止用户多次点击

Question

这个问题已经有答案了:

Prevent click event in jQuery triggering multiple times (6 个回答)

已关闭 10 年前。

我有一个 div 女巫和一个 jquery 监听器:

$("#right_arrow").click(function(){
  //my action
});

我的操作也在计算步数，如果用户到达最后一步，就不会再继续了。当用户点击 div 时，一切正常。但是，当用户非常快地单击两次(在最后一步之前)时，他就会通过最后一步。

我尝试过这样的事情:

if($(this).data('off')==1) return;
$(this).data('off', 1);
//my action
$(this).data('off',0);

但还是有同样的问题。看来我在函数中编写的任何内容都无关紧要 - 就像在第一次使用该函数之前两次点击就排队一样。

如何避免这种情况？

谢谢!

Answer 1

每次点击尝试分离和重新附加事件处理程序的成本可能会更高，您可以使用 bool 标志来指示点击是否安全。

var isClicked = false;

$("#right_arrow").click(function(){
  if (!isClicked) {
    isClicked = true;

    //my action

    // reenable in 200ms
    setTimeout(function () {
      isClicked = false;
    }, 200);
  }
});