JavaScript Event学习第八章：事件的顺序

核心提示： 很少有设计师意识到事件捕获或者冒泡，在网页制作的今天，JavaScript Event学习第八章：事件的顺序(4)，貌似没必要让一个冒泡事件被一系列的事件处理程序来处理，用户也会在单击之后发生一系列事件而感到迷惑，才不会传递到整个页面，使用因为每个事件都会在整个文档上停止，通常你也想让你的事件处

很少有设计师意识到事件捕获或者冒泡。在网页制作的今天，貌似没必要让一个冒泡事件被一系列的事件处理程序来处理。用户也会在单击之后发生一系列事件而感到迷惑，通常你也想让你的事件处理程序的代码保持一定的独立性。当用户点击一个元素，发生了一些事情，当他单击其他元素，那么其他再发生其他事情。

当然在将来也许会改变，最好让模式向前兼容。但是如今最实用的事件捕获和冒泡就是默认函数的注册。

它总是会发生

首先你需要理解的就是事件捕获或者冒泡总是在发生的。如果你为你的整个页面定义了一个onclick事件：

1　document.onclick　=　doSomething;<br>if　(document.captureEvents)　document.captureEvents(Event.CLICK);<br>

你在任意元素上的click时间都会冒泡到页面然后出发了这个事件处理程序。只有当前面的事件处理程序明确的阻止冒泡，才不会传递到整个页面。

使用

因为每个事件都会在整个文档上停止，默认的事件处理程序就变得可能。假设你有一个这样的页面：

1　------------------------------------<br>|　document　　　　　　　　　　　　　　　　　　　　　　　　　|<br>|　　　---------------　　------------　　|<br>|　　　|　element1　　　　　|　　|　element2　|　　|<br>|　　　---------------　　------------　　|<br>|　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　|<br>------------------------------------<br><br>element1.onclick　=　doSomething;<br>element2.onclick　=　doSomething;<br>document.onclick　=　defaultFunction;<br>

编缉推荐阅读以下文章

• JavaScript Event学习补遗：addEventSimple
• JavaScript Event学习第十一章：按键的检测
• JavaScript Event学习第十章：一些可替换的事件对
• JavaScript Event学习第九章：鼠标事件
• JavaScript Event学习第七章：事件属性
• JavaScript Event学习第六章：事件的访问
• JavaScript Event学习第五章：高级事件注册模型
• JavaScript Event学习第四章：传统的事件注册模型
• JavaScript Event学习第三章：早期的事件处理程序
• JavaScript Event学习第二章：Event