谈一谈 什么是 事件委托 有什么好处
什么是事件委托: 就是利用事件冒泡的原理把本应该添加到具体的DOM 节点的的事件委托给他的 父级元素
好处 :
1. 减少内存的占用,减少事件注册
2. 当新增子DOM 对象时,无需再对其进行事件绑定,对于动态内容部分尤为合适
缺点:
如果把所有事件都用于事件道理,可能会出现误判(即本不该触发的被绑定了事件 )
事件委托的代码
<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 // 获取事件源的兼容
// 不同浏览器的显示不同 统一设置小写
if(target.nodeName.toLowerCase==="li"){
target.style.backgroundColr="red"
}
}
}