addEventListener 第三个参数

addEventListener的第三个参数可以是布尔值或对象,用于控制事件处理阶段。布尔值决定事件是在捕获还是冒泡阶段执行,而对象参数可包含capture、once和passive属性,分别用于指定监听器执行阶段、只执行一次和不允许阻止默认行为。

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

addEventListener 方法的第三个参数可以是一个布尔值、一个对象,或者是省略不填。

布尔值

addEventListener 方法的第三个参数是一个布尔值,表示事件是在捕获阶段还是在冒泡阶段处理。

如果这个参数为 true,那么事件是在捕获阶段处理的;如果这个参数为 false(或者省略不填),那么事件是在冒泡阶段处理的。

在捕获阶段和冒泡阶段中,事件处理程序可以通过 event 对象的 phase 属性来识别当前所处的阶段。如果 phase 属性的值为 1,则代表捕获阶段;如果 phase 属性的值为 2,则代表目标阶段;如果 phase 属性的值为 3,则代表冒泡阶段。

对象

这个对象可以包含三个属性:

  1. capture:布尔值,表示监听器是否在捕获阶段执行。
  2. once:布尔值,表示监听器是否仅执行一次。
  3. passive:布尔值,表示监听器不会调用 preventDefault()。

例如,以下代码使用了对象参数来注册一个仅执行一次的事件监听器:

element.addEventListener('click', myClickHandler, { once: true });

注意,当对象参数和布尔值参数同时使用时,对象参数会优先生效。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值