跳转页面还触发事件_js 事件冒泡与捕获

事件流:

想要谈冒泡捕获就要先理解什么是事件流。事件流:描述的是从页面中接收事件的顺序(官方定义)其实就是事件触发的先后顺序。

DOM2中事件流分为三个阶段

1、事件的捕获(捕获事由Netscape公司提出的,就是在具体节点执行之前就捕获它)

2、目标阶段

3、事件的冒泡 (冒泡事件流是由IE 提出的 ,事件会有具体的节点执行,然后沿着DOM 树向上传播)

0503e8e676df1edcc59a620e7241d98f.png

说完事件流再说一下事件执行的两个方法:(使用这两个主要是为了解决事件覆盖的问题,给同一个元素绑定多个同一事件,只会执行最后一个)

1、attachEvent(IE 特有的不遵守w3c) :后绑定先执行

2、addEventListener:先绑定的先执行

有时候我们需要阻止事件冒泡或者捕获(也就是自己的事件自己触发,不互相影响)

event.stopPropagation();

window.event.cancelBubble=true; (IE)

阻止事件默认行为(比如:a 标签点击跳转)

event.preventDefault()

window.event.returnValue =false;(IE)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值