传递-传播 #事件-Event DOM

机制:

1. 传递机制:

1.1. 实例:

当点击页面中的某个元素时, 发生以下过程:

  • 生成一个点击事件
  • 自顶向下传递事件
    • 该过程称为捕获过程
  • 自下至上传递事件

2. 触发机制:

  • 当事件经过某一个元素, 将会触发对应的监听器
    • 如果一个元素上有多个监听器, 按照添加监听器的顺序来正序触发
    • 触发监听器后,默认是会继续传播过程的(不会被监听器截断)

事件传播图: