JS_DOM/BOM要点_2(高级事件)

本文深入探讨了JavaScript中的事件监听器,包括使用`addEventListener`添加监听器,参数`useCapture`用于控制事件处理阶段。同时介绍了如何通过`removeEventListener`移除事件监听器。详细阐述了DOM事件流的捕获和冒泡阶段,以及在事件处理中`event`对象的作用,如`target`、`type`属性,以及`preventDefault()`和`stopPropagation()`方法的使用。最后,讨论了事件委托的概念,它通过在父元素上设置监听器以提高性能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

注册事件:监听器

                  a) e.addEventListener(type, listener, [useCapture])

                  b) useCapture: true--执行捕获阶段

                                           false或者不写--执行冒泡阶段


移除事件:


DOM事件流:


事件对象:e.addEventListener('click', function(event) { })

                  a) e.target: 返回的是触发事件的对象(点击的谁就返回谁)

                       this: 返回的是绑定对象(绑定的谁返回谁)

                  b) e.type: 返回触发事件的类型(click, mouseover, mouseout等等)

                  c) e.preventDefault();阻止默认事件的触发(连接让其不跳转,提交按钮不提交等)

                  d) e.stopPropagation();阻止冒泡阶段发生


事件委托:只操作一次DOM,提高性能(利用冒泡)

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值