事件流模型

时间 2019-11-13

标签事件模型繁體版

原文原文链接

事件流模型： 1 冒泡型事件流模型 2 捕获型事件流模型 html

在冒泡型事件流中click事件传播顺序为<div>—》<body>—》<html>—》documenthtm

在捕获型事件流中click事件传播顺序为document—》<html>—》<body>—》<div>事件

DOM标准规定事件流包括三个阶段：事件捕获阶段、处于目标阶段和事件冒泡阶段。文档

事件捕获阶段：实际目标（<div>）在捕获阶段不会接收事件。也就是在捕获阶段，事件从document到<html>再到<body>就中止了。上图中为1~3.
处于目标阶段：事件在<div>上发生并处理。可是事件处理会被当作是冒泡阶段的一部分。
冒泡阶段：事件又传播回文档。