js的事件流模型都有哪些(js的事件流模型)

导语：js事件流及事件处理程序

事件处理程序

事件就是用户或浏览器自身执行的某种动作。诸如click、load和mouseover，都是事件的名字，而响应某个事件的函数就是事件处理程序。事件处理程序分为如下三种：

1、html事件处理程序；

html事件处理程序

2、DOM0级事件处理程序；

dom0级

3、DOM2级事件处理程序。

dom2级

js是边解释边执行的语言，当浏览器中的js解释器解释到事件声明语句时，会创建相应的事件监听。此处应当注意的是，当给父元素声明事件时，其所有子元素也会创建相应的事件监听。如：父元素指定了click事件处理程序，此时若点击子元素，则会在事件冒泡中触发父元素的click事件，执行click事件处理程序。

事件流

事件流描述的是从页面中接收事件的顺序。事件流分为事件捕获（从最外层到目标对象的顺序触发）和事件冒泡（从目标对象到外层的顺序触发），DOM2级事件规定的事件流包括三个阶段：事件捕获阶段、处于目标阶段和事件冒泡阶段。

事件捕获与事件冒泡实例：

代码

浏览器显示

点击C(蓝色),依次弹出At Bt Ct Cf Bf Af。

本文内容由小春整理编辑！