DOM事件模型
DOM事件模型本身就是解释元素绑定函数执行调用的顺序
DOM事件模型分为两类:一类是IE所使用的冒泡型事件(Bubbling);另一类是DOM标准定义的冒泡型与捕获型(Capture)的事件。除IE外的其他浏览器都支持标准的DOM事件处理模型。
什么是捕获
element1的事件处理程序首先触发,element2的事件处理程序最后触发。也就是从外到内
什么是冒泡
element2的事件处理程序首先触发,element1的事件处理程序最后触发。也就是从内到外
先捕获后冒泡
浏览器同时支持两种调用顺序,首先按从外到内的顺序看有没有函数监听,然后按从内到外的顺序看有没有函数监听。也就是先事件捕获,再事件冒泡。有函数监听就调用,并提供事件信息,没有就跳过。开发者可以自行选择放在捕获阶段还是放在冒泡阶段。示意图如下所示: