小程序初体验之target和currentTarget

本文介绍了微信小程序中事件处理函数传入的event对象中的target和currentTarget属性,解释了它们的区别。target表示触发事件的源组件,可能在冒泡过程中改变;currentTarget始终指向事件绑定的实际组件。detail属性常用于获取组件值,例如在表单传值中。正确获取dataset应使用currentTarget,以确保一致性。

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

说起这两个属性,就不得不说一个事:

事件对象

小程序官方文档中说:当事件被触发时,处理函数会响应。传入event对象,通过event对象可以获取事件触发时候的一些信息,包括时间戳、detail等。
因为小程序内的事件绑定都是在 WXML 中实现的,所以传递参数只能通过 WXML 上面的属性值来传递,例如下面的代码中,indexDetail 处理函数需要接收生活指数的名称和详情,来弹出弹层提示,这时候需要在标签上增加 data-xx 这样的属性,data-name 和 data-detail 就是两个属性,通过这两个值,可以在 indexDetail 内 event 对象的 target/currentTarget 的 dataset 获取参数。

<view class="life-style">
    <view class="item" wx:for="{
  
  {lifeStyle}}" data-name="{
  
  {item.name}}" data-detail="{
  
  {item.detail}}" bindtap="indexDetail">
      <view class="title">
        <icon type="{
  
  {item.icon}}"></icon>
        {
  
  {item.name}}
      </view>
      <view class="content">{
  
  {item.info}}</view&g
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

恪愚

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

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

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

打赏作者

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

抵扣说明:

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

余额充值