| 类型 | 触发条件 | 最低版本 |
|---|---|---|
| touchstart | 手指触摸动作开始 | |
| touchmove | 手指触摸后移动 | |
| touchcancel | 手指触摸动作被打断,如来电提醒,弹窗 | |
| touchend | 手指触摸动作结束 | |
| tap | 手指触摸后马上离开 | |
| longpress | 手指触摸后,超过350ms再离开,如果指定了事件回调函数并触发了这个事件,tap事件将不被触发 | 1.5.0 |
| longtap | 手指触摸后,超过350ms再离开(推荐使用longpress事件代替) | |
| transitionend | 会在 WXSS transition 或 wx.createAnimation 动画结束后触发 | |
| animationstart | 会在一个 WXSS animation 动画开始时触发 | |
| animationiteration | 会在一个 WXSS animation 一次迭代结束时触发 | |
| animationend | 会在一个 WXSS animation 动画完成时触发 | |
| touchforcechange | 在支持 3D Touch 的 iPhone 设备,重按时会触发 |
bind+上述表事件类型
wxml
<view bindtap="bind1" data-myid="id-bind1" class="view-cls">
view1
<view bindtap="bind2" data-myid="id-bind2" >
view2
</view>
</view>
js
bind1: function (e) {
console.log("bind1",e)
},
bind2: function (e) {
console.log("bind2",e)
},
控件数据绑定: data-自定义数据名称 ,参考:data-name ="小明同学",可通过e.target.dataset.name获取


target最开始触发事件的源头
本文详细介绍了微信小程序中各类触控事件的触发条件及其应用场景,包括touchstart、touchmove等基本事件,以及tap、longpress等高级交互事件,并提供了简单的绑定示例。
1937

被折叠的 条评论
为什么被折叠?



