微信小程序暂不支持绑定双击事件,要想实现双击事件,只能通过我们写代码判断用户点击是否是双击行为,主要的技术点就是:记录下用户两次点击的时间戳,两个时间戳相减如果小于300毫秒,则是双击事件。
具体代码如下:
.wxml
<button data-time="{
{lastTapTime}}" data-title="标题" bindtap="doubleClick">双击</button>
.js
data: {lastTapTime:0,},
doubleClick: function (e) {var curTime = e.timeStampvar lastTime = e.currentTarget.dataset.time // 通过e.currentTarget.dataset.time 访问到绑定到该组件的自定义数据console.log("上一次点击时间:"+lastTime)console.log("这一次点击时间:" + curTime)console.log('------------------------------');if (curTime - lastTime > 0) {if (curTime - lastTime < 300) {//是双击事件console.log("挺快的双击,用了:" + (curTime - lastTime))}}this.setData({lastTapTime: curTime})},