事件源兼容性写法
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.灵活 当有新的子元素时不需要重新绑定事件。