详解小程序事件对象中的参数

最新推荐文章于 2024-06-01 15:15:00 发布

yu_sheng_

最新推荐文章于 2024-06-01 15:15:00 发布

阅读量1.5k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：微信小程序

本文链接：https://blog.youkuaiyun.com/yushengphper/article/details/77882073

微信小程序专栏收录该内容

4 篇文章

订阅专栏

本文详细解析了一个WeChat应用中按钮点击事件的处理过程，包括事件对象的组成及其各个属性的具体含义。通过实例展示了如何获取事件的时间戳、触发组件的ID及数据集等关键信息。

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

按键：
<view id="tapTest" data-hi="WeChat" bindtap="tapName"> Click me! </view>
事件对象内容：
{
"type": "tap",  //事件类型
"timeStamp":895,    //事件生成时的时间戳
"target": { //触发事件的组件的一些属性值集合
  "id": "tapTest",
      "dataset": {//事件源组件上由data-开头的自定义属性组成的集合
   "hi": "WeChat"
  }
},
"currentTarget": {  //当前组件的一些属性值集合，因为有些事件是冒泡
  "id": "tapTest",
  "dataset": {
    "hi": "WeChat"
  }
},
"detail": { //额外的信息
  "x":53,
  "y":14
},
"touches": [{   //触摸事件，当前停留在屏幕中的触摸点信息的数组
  "identifier":0,
  "pageX":53,
  "pageY":14,
  "clientX":53,
  "clientY":14,
}],
"changedTouches": [{    //触摸事件，当前变化的触摸点信息的数组
  "identifier":0,
  "pageX":53,
  "pageY":14,
  "clientX":53,
  "clientY":14,
}],
}