在jQuery中，如何防止多次点击执行我的代码多次？

Question

对于examle，如果我有下面的代码：

$("#divTest").append(variable); 

和预期目标是，一旦一个按钮被点击，我该如何处理那些没有耐心的用户或以其他方式感到需要显示的一条信息在代码执行之前多次点击（从而生成多个副本）？

我会澄清是否需要。

谢谢！

Answer 1

在点击功能

$("#button").click(function() 
      { 
       $("#divTest").empty().append(variable); 
      } 
     ); 

Answer 2

看看jQuery的.one功能。这只会允许一次使用点击处理程序。

$("#button").one("click",function() { /* -- Your code here -- */ }); 

---

另外，如果按钮实际上是一个input或button标签，你可以设置disabled属性。下面是Mozilla Developer Network (MDN)关于disabled属性的更多信息。

此布尔属性指示表单控件不可用于交互。 特别是，不会在禁用的控件上分派点击事件。 此外，禁用的控件的值不随窗体一起提交。

Answer 3

你可以解除对第一次点击

$(#button).click(function() { 
    $("#divTest").append(variable); 
    $(this).off("click"); 
});