------------------------------------------------------------事件冒泡-------------------------------------------------------------
事件开始由最具体的元素接收,然后逐级向上传播到较为不具体的节点
<!DOCTYPE html>
<html>
<head>
<title>William</title>
</head>
<body>
<div id="myDiv">Click Me</div>
</body>
</html>
单击页面中的<div>元素,click事件会按照如下顺序传播:
<div>--><body>--><html>-->document
------------------------------------------------------------事件捕获-------------------------------------------------------------
不具体的节点更早接收到事件,最具体的节点最后接收到事件
document--><html>--><body>--><div>
------------------------------------------------------------DOM事件流-------------------------------------------------------------
事件流包括三个阶段: 事件捕获 事件目标 事件冒泡