DOM(文档对象模型)结构是一个树型结构，当一个HTML元素产生一个事件时，该事件会在元素节点与根结点之间的路径传播，路径所经过的结点都会收到该事件，这个传播过程可称为DOM事件流。
DOM同时支持两种事件模型：冒泡型事件和捕获型时间
事件冒泡：即事件最开始由最具体的元素(文档中嵌套最深的那个节点)接收，然后逐级向上传播至最不具体的那个节点（文档）。
比如
<html>
<head>
<title>事件流</title>
<meta charset="UTF-8"></head>
<body>
<div id="box">
<input type="button" value="按钮" id="btn">
</div>
</body>
</html> 如果你点了这个按钮，那么浏览器会认为你点按钮的同时也点击了包含这个按钮的容器<div>，你点击了<div>，浏览器认为你点了<html>，点了<html>，就认为你点 了整个document .从inoput开始触发，一级一级往上冒，直到document这个过程就叫事件冒泡
事件捕获：不太具体的节点应该更早接收到事件，而最具体的节点最后接收到事件
与冒泡事件刚好相反
注意：IE8及其更早的版本只支持事件冒泡
扫一扫
173
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
