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

Question

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

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

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

如果需要，我会澄清。

谢谢！

Answer 1

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

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

---

或者，如果按钮实际上是一个input或button标记，您可以设置该disabled属性。以下是来自Mozilla 开发者网络 (MDN)的有关该disabled属性的更多信息。

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

Answer 2

在点击功能中

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

Answer 3

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

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