事件冒泡
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)
})