uni-app中如何设置双击事件

2020-10-10  本文已影响0人  又菜又爱分享的小肖

uni-app中本身是没有双击事件的,就自己造一个咯

wxml
<view bindtap="dblclick"">
    双击
  </view>
JavaScript
 /// 双击
  dblclick: function(e) {
    var that = this
    // 控制点击事件在350ms内触发,加这层判断是为了防止长按时会触发点击事件
    if (that.touchEndTime - that.touchStartTime < 350) {
      // 当前点击的时间
      var currentTime = e.timeStamp
      var lastTapTime = that.lastTapTime
      // 更新最后一次点击时间
      that.lastTapTime = currentTime

      // 如果两次点击时间在300毫秒内,则认为是双击事件
      if (currentTime - lastTapTime < 300) {
        console.log("double tap")
        // 成功触发双击事件时,取消单击事件的执行
        clearTimeout(that.lastTapTimeoutFunc);
        console.log('双击事件已触发')
      }
    }
  },
上一篇下一篇

猜你喜欢

热点阅读