一、DOM 事件模型或 DOM 事件机制
事件捕获:从外到内找监听函数
事件冒泡:从内到外找监听函数

baba.addEventListener('click',fn,bool) //默认是IE的冒泡,true表示捕获
先捕获再冒泡。
特例:如果监听的是一个元素,那么不存在先捕获再冒泡。
取消冒泡:e.stopPropagation()//可中断冒泡,但捕获不可取消
Bubbles 该事件是否冒泡
Cancelable 冒泡是否可以取消
二、事件委托
委托一个元素监听本该监听的事件
情景一:有100个button都有监听事件,如果逐个添加监听事件就很麻烦,可以将这100个按钮放到一个div中,给div添加监听事件。
情景二:监听目前不存在的元素,可先监听祖先,然后再找要监听的元素是否存在。
委托的优点:
- 减少内存消耗
- 动态绑定事件