事件源兼容性写法和事件委托

事件源兼容性写法
 

XXX.onclick = function(e){
 var event = e || window.event;
 var target = event.target || event.srvElement;
 console.log(target);
}

当出现ul>li 绑定多个li的情况下， 应该采用事件源 + 冒泡结合的形式来使用。


ul>li{$}*100

 

XXX.onclick = function(e){
 var event = e || window.event;
 var target = event.target || event.srcElement;
 console.log(target.innerText);
}

事件委托：


利用事件冒泡和事件源对象进行处理


优点:
1.性能 不需要循环所有的元素一个个绑定事件。


2.灵活 当有新的子元素时不需要重新绑定事件。