DOM事件处理有三个阶段

Posted 2020-06-26 连冰华

DOM事件处理有三个阶段：

1. 捕捉阶段（capture phase）：从最上层元素，直到最下层（你点击的那个target）元素。路过的所有节点都可以捕捉到该事件。
2. 命中阶段（target phase）：如果该事件成功到达了target元素，它会进行事件处理。
3. 冒泡阶段（bubbling phase）：事件从最下层向上传递，依次触发父元素的该事件处理函数

在任意一个阶段的事件处理函数中，都可以通过调用event.stopPropagation来中断事件流，后续的阶段将不会被调用。

其实return false做了三件事：

1. stopPropagation()：阻止事件传播
2. preventDefault()：禁止浏览器默认行为，比如<a>标签被点击后页面会跳转
3. 立即结束当前函数并返回，当然。