事件和事件流

DOM三级事件

DOM0事件 <button onclick="console.log('1234')">按钮</button>
DOM2事件 addEventListener onclick
DOM3事件 onKeyDown onKeyUp

事件流

事件冒泡和事件捕获
 box.addEventListener(事件类型,触发事件之后的回调函数,触发阶段(布尔值默认false表示冒泡阶段触发))

冒泡阶段

content_click
box_click
冒泡 
样式

布局

布局js

事件流

事件委托: 事件委托，会把⼀个或者⼀组元素的事件委托到它的⽗层或者更外层元素上，真正绑定事件的是外层元
素，⽽不是⽬标元素.当事件响应到⽬标元素上时，会通过事件冒泡机制从⽽触发它的外层元素的绑定事件上，然后在外层元素上去执⾏函数

样式

事件委托js