JavaScript事件(2)

事件冒泡&事件捕获

事件冒泡和事件捕获执行的过程

阻止事件冒泡(事件传播)

1、e.cancelBubble=true
2、e.stopPropagation() ——ie研发的

事件的委托

原理:事件冒泡机制
概念:就是把我要做的事情委托给我的传播路径中的某个父元素
通过e.target来判断是不是准备的点击在哪个元素身上
然后通过if条件来判断我需要执行的代码
优点
1、可以大量节省内存占用,减少事件注册,
2、可以实现当新增子对象时,无需进行其时间绑定,对于内容部分尤为合适
缺点
当事件代理的常用应用应该仅限于上述需求,如果把所有事件都用事件代理,可能会出现事件的误判。即本不该被触发事件被绑定上了事件

e.target——目标元素 鼠标点击的那个元素

补充:
浏览器的默认行为
不需要判断浏览器就会执行的代码事件
阻止浏览器默认行为:
1、e.preventDefault()
2、e.returnValue()
3、return false (不推荐使用)

2019/11/26学习JavaScript的第三周的第二天

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值