JavaScript初级——事件传播

1、事件的传播

        关于事件的传播网景公司和微软公司有不同的理解:

                微软公司认为事件应该是由内向外传播,也就是当事件触发时,应该先触发当前元素上的事件,然后再向当前元素的祖先元素上传播,也就说事件应该在冒泡阶段执行。

                网景公司认为事件应该是由外向内传播的,也就是当前事件触发时,应该先触发当前元素的最外层的祖先元素的事件然后在向内传播给后代元素。

2、 W3C综合了两个公司的方案,将事件传播分成了三个阶段:

        ① 捕获阶段

                - 在捕获阶段时从最外层的祖先元素,向目标元素进行事件的捕获,但是默认此时不会触发事件。

        ② 目标阶段

                - 事件捕获到目标元素,捕获结束开始在目标元素上触发事件。

        ③ 冒泡阶段

                - 事件从目标元素向他的祖先元素传递,依次触发祖先元素上的事件。

4、如果希望在捕获阶段就触发事件,可以将addEventListener()的第三个参数设置为true,一般情况下我们不会希望在捕获阶段触发事件,所以这个参数一般都是false。

5、IE8及以下的浏览器中没有捕获阶段。                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 

本文分享到这里,下一篇分享JavaScript初级学习中的如何设置拖拽元素的内容。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Fan_web

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值