如何使用JavaScript限制附加函數？

Question

我有一個追加按鈕，如果您無休止地單擊它，它會無限地追加。 可以說我希望此按鈕執行10次。

讓我用幻想代碼告訴您：p我在想什么，以便我可以從錯誤中學習； （我知道這是錯誤的，但是我正在學習）

thismany = 1;

appendbutton.onClick = "thismany = +1";
if{ thismany = <9}

appendbutton.onClick = disabled

提前致謝

Answer 1

(function(){
    var count = 1;
    document.getElementById("the_node_id").onclick = function(){
        if(count > 10){
            return;
        }
        do_stuff();
        count ++;
    };
})()

更新 ：

var count = 1;
addEvent(append, "click", function(/* someargument */){ 
    if(count > 10){
        return;
    }
    // if you need arguments that are passed to the function,
    // you can add them to the anonymous one and pass them 
    // to appendFunction
    appendFunction(/* someargument */);
    count++; 
});

Answer 2

使用變量名：

var thismany = 0;

appendbutton.onclick = function() {
  if (thismany++ < 10) {
    // append things
  }
};

封裝的變量：

appendbutton.onclick = function() {
  if (this.count == undefined) {
    this.count = 0;
  }

  if (this.count++ < 10) {
    // append things
  }
};

Answer 3

這是直接的javascript。 您也可以考慮研究jQuery之類的框架，以使其更輕松。

假定按鈕的HTML具有id="appendButton"作為屬性。

var count = 0;
document.getElementById("appendButton").onClick = function(e) {
     if( count >= 10 ) {
          return false;
     }
     else {
          count ++;
          document.getElementById("id_of_thing_you_append_to").innerHTML += "Whatever you're appending";
     }
}