什么是 事件委托 有什么好处?

谈一谈 什么是 事件委托 有什么好处

什么是事件委托: 就是利用事件冒泡的原理把本应该添加到具体的DOM 节点的的事件委托给他的 父级元素

好处 :
1. 减少内存的占用,减少事件注册
2. 当新增子DOM 对象时,无需再对其进行事件绑定,对于动态内容部分尤为合适

缺点:
如果把所有事件都用于事件道理,可能会出现误判(即本不该触发的被绑定了事件 )

事件委托的代码

  • a
  • b
  • c
windows.onload=function(){
    var oul =document.getElementById('ul')
    
    oul.onclick=function(event){
        let e=e|| window.event;// 事件的兼容
        let target =e.target|| e.srcElement // 获取事件源的兼容
        // 不同浏览器的显示不同 统一设置小写
        if(target.nodeName.toLowerCase==="li"){
            target.style.backgroundColr="red"
        }
    }
    
}

你可能感兴趣的:(什么是 事件委托 有什么好处?)