美文网首页
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