事件監(jiān)聽與事件委托

在js中,常用到element.addEventListener()來進(jìn)行事件的監(jiān)聽。但是當(dāng)頁面中存在大量需要綁定事件的元素時,這種方式可能會帶來性能影響。此時,我們可以用事件委托的方式來進(jìn)行事件的監(jiān)聽。

每個事件都經(jīng)歷三個階段

  • 捕獲

  • 到達(dá)目標(biāo)

  • 冒泡

事件委托需要用到事件的冒泡,冒泡就是事件發(fā)生時,上層會一層一層的接收這個事件。

如下頁面結(jié)構(gòu):

<body>
   <div id="div1">
        <div id="div2">
            <button>按鈕</button>
        </div>
   </div></body>

網(wǎng)友評論