一、事件模型:1、事件的促发会经历从上到下的捕获阶段,再经历从下到上的冒泡阶段;
2、addEventListener(type,fn,true/false) 可设置第三个参数选择阶段;
3、可以使用event.stopPropagation() 阻止捕获/冒泡;
二、事件委托:把一个或者一组元素的事件委托到它的父层或者更外层元素上。
优点:节省监听器、实现动态监听
缺点:调试比较复杂,不容易确定监听者
ul.addEventListener('click',function(e){ if(e.target.tagName.toLowerCase()==='li')( fn()//执行 ) })
标签:DOM,模型,冒泡,addEventListener,fn,事件 From: https://www.cnblogs.com/ducky-L/p/17325091.html