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

Question

例如，如果我有以下代码：

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

并且预期的目标是在单击按钮后显示一条信息，如何处理不耐烦的用户或者在执行代码之前需要多次单击（从而生成多个副本）的用户？

我会澄清是否需要。

谢谢！

Answer 1

查看jQuery .one函数。这只会允许点击处理程序使用一次。

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

---

或者，如果该按钮实际上是input或button标记，则可以设置disabled属性。以下是Mozilla Developer Network (MDN)关于disabled属性的更多信息。

  

此布尔属性表示表单控件不可用于交互。   特别是，不会在禁用的控件上调度click事件。   此外，禁用控件的值不会随表单一起提交。

Answer 2

点击功能

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

Answer 3

您还可以在第一次点击时取消绑定点击事件

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