web中的事件
事件并不是JavaScript的核心部分，他们是在浏览器的Web Api中定义的。下面列举的几种情况，都属于发生了事件。
用户在某个元素上点击鼠标或悬停光标。
用户在键盘中按下某个按键。
用户调整浏览器的大小或者关闭浏览器窗口。
一个网页停止加载。
提交表单。
播放、暂停、关闭视频。
发生错误。
我们可以在代码中使用事件处理器来处理各种事件。
事件模型
假设我们有这么一段html代码：
<html>
<body>
<table>
<tbody>
<tr>
<td>Shady Grove</td>
<td>Aeolain</td>
</tr>
<tr>
<td>Over the River, Charile</td>
<td>Dorian</td>
</tr>
</tbody>
</table>
</body>
</html>
如果我们点击over the Rive, Charile，整个事件流程如下：
事件会经历三个阶段，上图中分别由红色、蓝色、绿色标出。第一阶段为红色，事件流从根元素一直走到点击的目标元素，这个过程称为捕获。第二阶段为蓝色。这个阶段中，会处理点击事件，为事件加上各种属性等。第三阶段为绿色，事件又回重新回到根元素，这个过程称为冒泡。在整个事件流中，我们在事件流经过的任何元素上，都能监听到该事件，从而进行处理。
一般建议在冒泡阶段处理事件，这样可以最大限度的兼容各种浏览器。
注意：blur、focus、load、unload 等几个事件不会冒泡。
原因是在于：这些事件仅发生于自身上，而它的任何父节点上的事件都不会产生，所有不会冒泡。
我们可以查看事件的bubbles属性，来判断该事件是否可以冒泡。
事件处理
EventTarget
EventTarget是一个由可以接收事件的对象实现的接口，并且可以为它们创建侦听器。Web中的所有事件处理器都是由EventTarget"提供"的。
最低0.47元/天 解锁文章
2812
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
