Javascript 事件冒泡

理解HTML事件冒泡机制
本文深入探讨HTML中事件冒泡的概念,解释如何利用事件冒泡处理不同层级元素的交互事件,通过实例演示如何为特定元素绑定事件处理程序,以及事件冒泡带来的便利性和效率提升。
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();
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值