事件監(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>

延伸閱讀

學(xué)習(xí)是年輕人改變自己的最好方式-Java培訓(xùn),做最負(fù)責(zé)任的教育,學(xué)習(xí)改變命運(yùn),軟件學(xué)習(xí),再就業(yè),大學(xué)生如何就業(yè),幫大學(xué)生找到好工作,lphotoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計(jì)培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)學(xué)習(xí)是年輕人改變自己的最好方式