js事件流

事件

HTML中与javascript交互是通过事件驱动来实现的，例如鼠标点击事件、页面的滚动事件onscroll等等

---

新增：事件流演示站 助你更好的掌握事件流
站点地址： https://15515179583.github.io/MDN/test11/index.html

---

事件流

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

• 事件捕获阶段
• 处于目标阶段
• 事件冒泡阶段

事件绑定

可采用 addEventListener(事件名,事件处理函数,处理方式)

• 事件名：String
• 事件处理函数：function
• 事件处理方式：bool
  • false 事件冒泡
  • true 事件捕获

事件冒泡

从当前元素开始向上查找其父元素，祖先元素…直到html为止

阻止冒泡：
用函数e.stopPropagation()即可阻止事件冒泡，其中e为事件参数

事件捕获

与事件冒泡相反，它从html节点开始直到当前元素为止