DOM事件处理有三个阶段:
- 捕捉阶段(capture phase):从最上层元素,直到最下层(你点击的那个target)元素。路过的所有节点都可以捕捉到该事件。
- 命中阶段(target phase):如果该事件成功到达了target元素,它会进行事件处理。
- 冒泡阶段(bubbling phase):事件从最下层向上传递,依次触发父元素的该事件处理函数
在任意一个阶段的事件处理函数中,都可以通过调用event.stopPropagation
来中断事件流,后续的阶段将不会被调用。
其实return false
做了三件事:
stopPropagation()
:阻止事件传播preventDefault()
:禁止浏览器默认行为,比如<a>
标签被点击后页面会跳转- 立即结束当前函数并返回,当然。