談一談 什么是 事件委托 有什么好處

什么是事件委托: 就是利用事件冒泡的原理把本應該添加到具體的DOM 節(jié)點的的事件委托給他的 父級元素

好處 ：
1. 減少內(nèi)存的占用,減少事件注冊
2. 當新增子DOM 對象時,無需再對其進行事件綁定,對于動態(tài)內(nèi)容部分尤為合適

缺點：
如果把所有事件都用于事件道理，可能會出現(xiàn)誤判(即本不該觸發(fā)的被綁定了事件 )

事件委托的代碼

<ul id='ul'>
    <li>a</li>
    <li>b</li>
    <li>c</li>
</ul>

windows.onload=function(){
    var oul =document.getElementById('ul')
    
    oul.onclick=function(event){
        let e=e|| window.event;// 事件的兼容
        let target =e.target|| e.srcElement // 獲取事件源的兼容
        // 不同瀏覽器的顯示不同 統(tǒng)一設置小寫
        if(target.nodeName.toLowerCase==="li"){
            target.style.backgroundColr="red"
        }
    }
    
}