dom事件流与事件委托

事件流3个阶段：

• 捕获阶段

• 处于目标阶段

• 冒泡阶段

addEventListener方法默认就是从冒泡阶段执行事件处理程序，一个对象可以绑定多个事件。false

btn2.addEventListener('click',function(){
     alert('22')
},false)

事件委托：委托给父元素

将事件统一绑定给元素的共同的祖先元素，这样当后代元素上的事件触发时，会一直冒泡到祖先元素，从而通过祖先元素的响应函数来处理事件

<ul id="u1">
        <li><a href="javascript:;" class="link">超链接1</a></li>
        <li><a href="javascript:;" class="link">超链接2</a></li>
        <li><a href="javascript:;" class="link">超链接3</a></li>

    </ul>
<script>
u1.onclick = function(event){
   if(event.target.className == 'link'){
       alert('111')
   }
                
}
</script>