W3C工作草案中描述的那样。
1.所有的元素都能够产生事件。
2.将有交互事件,更新事件和,更改事件。
3.事件模型将会对用户的交互做出反应.
4.事件传输机制将允许默认行为的重写。
5.事件将会在文档的对象结构中冒泡。
6.事件是同步的.
7.事件将会用一个中立的方式被定义.
8.将提供事件绑定的接口.
事件冒泡是很有用的,因为他允许多个操作被集中处理.他可以让你在对象层的不同级别捕获事件.
下面来看个例子:
自从页面上的每个单独的元素被描绘成一个对象以后,你可以为<p>标记提供一个onclick事件处理程序.例如当你单击单词:'words'的时候,click事件会直接指向P元素进行处理,如果P元素有合适的事件处理程序,将会处理这个事件,事件将会停止他的传递过程.当你单击单词'these'的时候,这个事件首先被发送到元素B,因为B也被表现为一个对象,因为他没有click事件的处理程序,所以这个事件被冒泡给他的父元素,这个段落处理了该事件.
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();
理解HTML事件冒泡机制
本文深入探讨HTML中事件冒泡的概念,解释如何利用事件冒泡处理不同层级元素的交互事件,通过实例演示如何为特定元素绑定事件处理程序,以及事件冒泡带来的便利性和效率提升。
2076

被折叠的 条评论
为什么被折叠?



