兩種方式：

1. 利用事件代理,全部委托給document，然后通過targe確定事件源

document.addEventListener("click",function(e) { 
  // 檢查事件源e.targe
  if(e.target && xxxx) { 
    // 真正的處理過程在這里 
    console.log("你的處理事件函數"); 
  } 
});  

1. 統一管理事件監(jiān)聽注銷

每次重新渲染前，注銷事件，渲染后，重新綁定,下面就是一個偽代碼，意會。

var Event = {
    init(){
        // 綁定你的各種dom元素事件
        dom1.addEventListener('click', () => {});
        dom2.addEventListener('click', () => {});
        ...
    },
    destroy(){
        // 銷毀你的各種事件
        dom1.removeEventListener('click', () => {});
        dom2.removeEventListener('click', () => {});
        ...
    }  
}

Event.destroy()
window.document.body.innerHTML = newHtml
Event.init()