DOM事件模型&事件委托

一、事件模型：1、事件的促发会经历从上到下的捕获阶段，再经历从下到上的冒泡阶段；

2、addEventListener(type,fn,true/false) 可设置第三个参数选择阶段；

3、可以使用event.stopPropagation() 阻止捕获/冒泡；

二、事件委托：把一个或者一组元素的事件委托到它的父层或者更外层元素上。

优点：节省监听器、实现动态监听

缺点：调试比较复杂，不容易确定监听者

ul.addEventListener('click',function(e){
   if(e.target.tagName.toLowerCase()==='li')(
    fn()//执行
  )
})