這兩天工作中遇到使用js動態載入內容，同時需要對加入的內容繫結點選事件的，當時想想了想可以使用內聯的onclick 來實現，後來沒有這樣做，使用的是 on(‘click’,function(){}) ,然而使用on方法的時候就發現，on 對同一個元素多次繫結同一個事件的時候，這個事件就會執行多次。

下面給出這種情況的例項：

$(function(){
        $(".add").click(function(eve){
            $(".btn-area").append("<button class='test-btn'>test button</button>"
 
);
            //$(".test-btn").off("click");
            $(".test-btn").on("click",function(){
                console.log("test button .....");
            });
        });
});

在點選add按鈕的新增測試按鈕，測試按鈕繫結點選事件，console 臺輸出一句話。
執行結果如下：

很明顯，第一個按鈕點選之後執行了5次。

遇到這種情況需要在每次繫結事件之前，對該事件解綁，也就是 $(“.test-btn”).off(“click”);