在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

您還可以在第一次單擊時取消綁定click事件

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