小程序的双击事件(附源码)

239 阅读1分钟
<button data-time="{{lastTapTime}}" data-title="标题" bindtap="doubleClick">双击</button>

js:

data: {
    lastTapTime:0,
  },
doubleClick: function (e) {
    var curTime = e.timeStamp
    var 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
    })
  },