当前位置: 代码迷 >> 综合 >> 微信小程序定义双击事件
  详细解决方案

微信小程序定义双击事件

热度:82   发布时间:2023-10-27 15:17:32.0

微信小程序暂不支持绑定双击事件,要想实现双击事件,只能通过我们写代码判断用户点击是否是双击行为,主要的技术点就是:记录下用户两次点击的时间戳,两个时间戳相减如果小于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})},

 

  相关解决方案