事件流&事件执行阶段

事件流的概念

• 事件流是指当给嵌套标签设置同样事件时它们之间的触发顺序.w3c标准里有两套事件流：冒泡和捕获。

冒泡

• 事件触发的顺序是由子标签到父标签

<ul>
        <li>
            <p>
               p标签
            </p>
        </li>
    </ul>

• 完整冒泡触发顺序是：p->li->ul->body->html->document对象->window对象

捕获

• 事件触发顺序跟冒泡是完全相反。由父标签到具体的子标签

<ul>
        <li>
            <p>
               p标签
            </p>
        </li>
    </ul>

• window对象->document对象->html->body->ul->li->p

事件执行阶段

• 指触发一个事件的完整生命周期。

过程

事件执行阶段分为3个阶段

• 第一阶段：捕获阶段(执行一次完整的捕获)
• 第二阶段：事件目标阶段(对真正用户发生交互的标签进行触发事件)，事件目标就指的该标签
• 第三阶段：冒泡阶段(执行一次完整的冒泡)