事件

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

事件流

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

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

事件绑定

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

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

事件冒泡

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

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

事件捕获

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