DOM 事件流

130 阅读1分钟

DOM 事件流

事件流:从页面种接收事件的顺序

事件发生时会在元素节点之间按照特定的顺序传播,这个传播过程就是 DOM 事件流

三个阶段:

  1. 捕获阶段
  2. 当前目标阶段
  3. 冒泡阶段

注意:

  1. JS 代码只能执行捕获阶段或者冒泡阶段的其中一个阶段
  2. onclick 和 attachEvent 只能得到冒泡阶段
  3. addEventListener (type , listener ,useCapture)的第三个参数如果是 true,表示在事件的捕获阶段调用事件处理程序,如果是 false或者没写(默认),则表示在事件冒泡阶段调用事件处理程序
  4. 实际开发很少用事件捕获
  5. 有些事件是没有冒泡的,如 onbur、onfocus等