Javascript 事件冒泡

W3C工作草案中描述的那样。

  1.所有的元素都能够产生事件。

  2.将有交互事件，更新事件和，更改事件。

  3.事件模型将会对用户的交互做出反应.

  4.事件传输机制将允许默认行为的重写。

  5.事件将会在文档的对象结构中冒泡。

  6.事件是同步的.

  7.事件将会用一个中立的方式被定义.

  8.将提供事件绑定的接口.

事件冒泡是很有用的，因为他允许多个操作被集中处理.他可以让你在对象层的不同级别捕获事件.

下面来看个例子:

<P onClick="functionName()">
This is a paragraph, and <B>these are bold words in the paragraph</B>.
</P>

自从页面上的每个单独的元素被描绘成一个对象以后，你可以为<p>标记提供一个onclick事件处理程序.例如当你单击单词:'words'的时候，click事件会直接指向P元素进行处理,如果P元素有合适的事件处理程序,将会处理这个事件，事件将会停止他的传递过程.当你单击单词'these'的时候，这个事件首先被发送到元素B,因为B也被表现为一个对象，因为他没有click事件的处理程序，所以这个事件被冒泡给他的父元素,这个段落处理了该事件.

//禁用事件冒泡
//IE
e.cancelBubble=true; 
//other
e.stopPropagation();