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