美文网首页
uni-app中如何设置双击事件

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

作者: 又菜又爱分享的小肖 | 来源:发表于2020-10-10 16:20 被阅读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('双击事件已触发')
      }
    }
  },

相关文章

网友评论

      本文标题:uni-app中如何设置双击事件

      本文链接:https://www.haomeiwen.com/subject/lnljpktx.html