微信小程序的3类事件示例代码
发表时间：2025-10-14 来源：浏览器大全整理相关软件相关文章人气：
微信小程序，简称小程序，英文名Mini Program，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。小程序是一种不用下载就能使用的应用，也是一项门槛非常高的创新，经过将近两年的发展，已经构造了新的小程序开发环境和开发者生态。
本文主要介绍一下微信小程序中的三类事件，并用代码给出示范。
小程序的事件主要有三种类型：
1-单击事件
2-双击事件
3-长按事件
单击事件由touchstart、touchend组成,touchend后触发tap事件。
（1）单击事件
view代码
<view>
<button type="primary" bindtouchstart="mytouchstart" bindtouchend="mytouchend" bindtap="mytap">点我吧</button>
</view>
JS代码
mytouchstart: function(e){
console.log(e.timeStamp + '- touch start')
},mytouchend: function(e){
console.log(e.timeStamp + '- touch end')
},mytap: function(e){
console.log(e.timeStamp + '- tap')
}这里通过bindtouchstart函数绑定了触摸开始的事件，bindtouchend函数绑定了触摸结束时触发的事件。
并可以在js代码中去实现这两个事件函数的内容。
（2）双击事件
双击事件由两个单击事件组成，两次间隔时间小于300ms认为是双击；微信官方文档没有双击事件，需要开发者自己定义处理。
view
点我吧
JS代码
(3)长按
长按事件手指触摸后，超过350ms再离开。
view代码
<view>
<button type="primary" bindtouchstart="mytouchstart" bindlongtap="mylongtap"
bindtouchend="mytouchend" bindtap="mytap">点我吧</button>
</view>JS代码
mytouchstart: function(e){
console.log(e.timeStamp + '- touch start')
},
//长按事件
mylongtap: function(e){
console.log(e.timeStamp + '- long tap')
},
console.log(e.timeStamp + '- touch end')
},
mytap: function(e){
console.log(e.timeStamp + '- tap')
}
更多微信小程序的三类事件示例代码相关文章请关注PHP中文网！
小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。
