事件委托

原理

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

优点

1.性能：不需要循环所有的元素一个个绑定事件
2.灵活：当有新的子元素时不需要重新绑定事件

例子

当一个ul里有大量的li时，点击某个li输出该li的文本内容

var ul = document.getElementsByTagName('ul')[0];
ul.addEventListener('click',function(e){
    var target = e.target || e.srcElement;
    console.log(target.innerText);
},false)