DOM 事件模型

57 阅读1分钟

DOM事件模型

DOM事件模型本身就是解释元素绑定函数执行调用的顺序

DOM事件模型分为两类:一类是IE所使用的冒泡型事件(Bubbling);另一类是DOM标准定义的冒泡型与捕获型(Capture)的事件。除IE外的其他浏览器都支持标准的DOM事件处理模型。

什么是捕获

element1的事件处理程序首先触发,element2的事件处理程序最后触发。也就是从外到内

什么是冒泡

element2的事件处理程序首先触发,element1的事件处理程序最后触发。也就是从内到外

先捕获后冒泡

浏览器同时支持两种调用顺序,首先按从外到内的顺序看有没有函数监听,然后按从内到外的顺序看有没有函数监听。也就是先事件捕获,再事件冒泡。有函数监听就调用,并提供事件信息,没有就跳过。开发者可以自行选择放在捕获阶段还是放在冒泡阶段。示意图如下所示:

特例

取消冒泡