javascript中事件流机制

事件流机制综述:

1. js中事件流机制, 分为三个阶段, 事件捕获阶段、处于目标阶段、事件冒泡阶段

2. 事件捕获阶段, 浏览器会从根节点开始由外到内进行事件传播

    事件传播的顺序是: window -> document -> div -> div -> 结点

    通过函数添加 element.addEventListener(event, function, useCapture)

    true - 事件句柄在捕获阶段执行,false- false- 默认。事件句柄在冒泡阶段执行

 

3.事件冒泡机制

    事件传播的顺序: 结点 -> div -> ... -> document -> window

    通过函数添加 element.addEventListener(event, function, useCapture)

    true - 事件句柄在捕获阶段执行,false- false- 默认。事件句柄在冒泡阶段执行

 

问题:

1. 什么是js事件机制

    事件机制是js中事件处理的过程, 不同的浏览器可能会有细微差别, 理解事件流机制对开发很有帮助

2. 什么是事件捕获, 什么是冒泡?

    事件捕获先从window和document和html, body出发, 到目标结点结束

   事件捕获先从目标结点出发,到body,html,document和window结束

 

3.如何添加事件冒泡和事件捕获?

    可以使用addEventListener这个函数,  最后一个参数,