同一button可注冊多個click事件

遇到一個bug,點擊同一button會發(fā)送多個ajax請求,每次點擊會累加發(fā)送之前的請求。 原因是同一button可多次注冊多個事件。

$('#btn').on('click', function(){
  console.log('button click1');
});

$('#btn').on('click', function(){
  console.log('button click2');
});

上面的代碼,btn同時注冊了兩個click事件,每次btn點擊都會有兩次輸出??赏ㄟ^off函數(shù)remove掉之前的click之后再重新注冊新click事件,如下:

$('#btn').on('click', function(){
  console.log('button click1');
});

$('#btn').off('click').on('click', function(){
  console.log('button click2'); //only this output 
});
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • //------------------------- 第一章 認(rèn)識JQuery ----------------...
    米塔塔閱讀 814評論 0 9
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,711評論 19 139
  • 請參看我github中的wiki,不定期更新。https://github.com/ivonzhang/Front...
    zhangivon閱讀 7,791評論 2 19
  • 1.幾種基本數(shù)據(jù)類型?復(fù)雜數(shù)據(jù)類型?值類型和引用數(shù)據(jù)類型?堆棧數(shù)據(jù)結(jié)構(gòu)? 基本數(shù)據(jù)類型:Undefined、Nul...
    極樂君閱讀 5,893評論 0 106
  • 第一章 入門 基本功能:訪問和操作 dom 元素,控制頁面樣式,對頁面的事件處理,與ajax完美結(jié)合,有豐富的插件...
    X_Arts閱讀 1,155評論 0 2

友情鏈接更多精彩內(nèi)容