JS入门到精通详解（9）

事件 传播

1. 浏览器内的事件流机制

什么是事件的执行机制呢？

• 思考一个问题？

• 当一个大盒子嵌套一个小盒子的时候，并且两个盒子都有点击事件

• 你点击里面的小盒子，外面的大盒子上的点击事件要不要执行

• 当元素触发一个事件的时候，其父元素也会触发相同的事件，父元素的父元素也会触发相同的事件

2. 事件捕获 / 目标 / 冒泡

1. 事件捕获 ： 从上到下、从祖先到子孙依次传递事件的过程

2. 事件目标 ： 触发事件的对象，你是点击在哪个元素身上了，那么这个事件的 目标 就是什么

3. 事件冒泡 ： 从下到上、从子孙到祖先依次传递事件的过程

4. 浏览器默认启动了事件冒泡！！！

5. IE和欧朋浏览器不支持事件捕获。

阻止事件传播

标准浏览器： event.stopPropagation()