微信小程序(事件委托)

4 篇文章 0 订阅
事件委托是一种优化JavaScript事件处理的方法,通过在父元素上绑定事件,利用事件冒泡机制来处理子元素的事件。这种方法可以减少事件绑定的数量,即使后期动态添加的子元素也能响应事件。在事件处理中,event.target表示触发事件的元素,而event.currentTarget则指当前执行事件处理函数的元素。示例代码展示了在小程序中使用事件委托传递数据。
摘要由CSDN通过智能技术生成


1. 什么是事件委托

  1. 将子元素的事件委托(绑定)给父元素

2. 事件委托的好处

  1. 减少绑定的次数
  2. 后期新添加的元素也可以享用之前委托的事件

3. 事件委托的原理

  1. 冒泡

4. 触发事件的是谁

  1. 子元素

5. 如何找到触发事件的对象

  1. event.target
  2. event.currentTarget

6. currentTarget VS target

  1. currentTarget 要求绑定事件的元素一定是触发事件的元素
  2. target 绑定事件的元素不一定是触发事件的元素

7. 实例

/* 可通过 id = value 传值,或 通过 data-key = value 传值 */
<view id="tapTest" data-hi="Weixin" bindtap="tapName"> Click me! </view>
Page({
  tapName: function(event) {
    console.log(event)
  }
})

输出
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

阿超学编程

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

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

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

打赏作者

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

抵扣说明:

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

余额充值