事件流

DOM级别与DOM事件

首先在介绍DOM事件之前我们先来认识下DOM的不同级别。针对不同级别的DOM，我们的DOM事件处理方式也是不一样的。

DOM级别一共可以分为4个级别：DOM0级，DOM1级，DOM2级和DOM3级，

而DOM事件分为3个级别：DOM0级事件处理，DOM2级事件处理和DOM3级事件处理。

事件

事件指可以被 JavaScript 侦测到的行为。即鼠标点击、页面或图像载入、鼠标悬浮于页面的某个热点之上、在表单中选取输入框、确认表单、键盘按键等操作。事件通常与函数配合使用，当事件发生时函数才会执行。

事件名称：click/mouseover/blur("不带on")

响应某个事件的函数就是事件处理程序(事件侦听器)。

事件处理程序函数名称：onclick/onmouseove/onblur

例子代码--点击事件触发alert函数

<button onclick="alert('hello')"></button>

事件流

事件流指从页面中接收事件的顺序,也可理解为事件在页面中传播的顺序。

当事件发生时，最先得到通知的是window，然后是document，由上至下逐级依次而入，直到真正触发事件的那个元素(目标元素)为止，这个过程就是捕获。

接下来，事件会从目标元素开始起泡，由下至上逐级依次传播，直到window对象为止，这个过程就是冒泡。

所以捕获比冒泡先执行。

DOM2级事件规定的事件流包括三个阶段：

（1）事件捕获阶段（2）处于目标阶段（3）事件冒泡阶段。