DOM.md

DOM事件流

DOM的结构是一个树形，每当HTML元素产生事件时，该事件就会在树的根节点和元素节点之间传播，所有经过的节点都会收到该事件。

DOM事件模型

DOM 事件模型分为两类：

• 1、冒泡型事件处理模型（Bubbling）

  冒泡型事件处理模型在事件发生时，首先在最精确的元素上触发，然后向上传播，直到根节点。反映到DOM树上就是事件从叶子节点传播到根节点。

• 2、捕获型事件处理模型（Captrue）

  捕获型在事件发生时首先在最顶级的元素上触发，传播到最低级的元素上。在DOM树上的表现就是由根节点传播到叶子节点。

标准的事件模型分为三个阶段

1、父元素中所有的捕获型事件（如果有）自上而下地执行 2、目标元素的冒泡型事件（如果有） 3、父元素中所有的冒泡型事件（如果有）自下而上地执行