在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"); 
});