[toc] ### DOM事件流 三个阶段： ``` 1.从上往下的捕获阶段 2.作用在目标上的目标阶段 3.从下往上的冒泡阶段 event.stopPropagation() 消除冒泡 event.preventDefault() 阻止默认行为 ``` ### DOM0级和DOM2级事件的区别 1.DOM0级只能添加一个事件，后续添加的会覆盖之前的 2.DOM2级可以添加多个事件 ### 事件注册 addEventListener 可以接受三个参数，将第三个参数改成true，可以控制捕获事件的执行，默认为false ``` three.addEventListener("click", function(){ console.log('这是three') }, true) ``` ### 事件代理 ```js 如果⼀个节点中的⼦节点是动态⽣成的，那么⼦节点需要注册事件的话应该注册在⽗节点上 ```