js事件冒泡与事件委托

事件冒泡

div里面有个按钮button，button添加个点击事件，点击按钮时会触发父级div；div也会执行同样的事件，这就是冒泡事件，逐级上升。

事件捕获是从最外层到最内层，与冒泡事件最里层到最外层相反。

让利用事件冒泡的原理，让自己的所触发的事件，让他的父元素代替执行！

事件委托是利用事件的冒泡原理来实现的。绑定父级添加个事件，就可以让子级触发相同的事件，不用一个个的遍历，比较方便。

var ul=document.getElementById("ul");
var li=ul.getElementsByTagName("li");
ul.addEventListener("click",function(e){ //绑定click
var tar=e.target;
console.log(tar.innerHTML)
})