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

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

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

  • 捕獲

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

  • 冒泡

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

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

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

網(wǎng)友評(píng)論