干掉微信小程序-解决点击(bindTap)和长按(bindLongTap)冲突

当我们在一个标签上同时设置bindtap和bindlongtap时, 会发现长按时先出现bindlongtap的事件,然后紧接着也会触发点击事件。
显然,大部分时候,这并不是我们想要的事件执行结果。
我们知道,微信小程序中事件执行的顺序是
点击:touchstart → touchend → tap
长按 touchstart → longtap → touchend → tap

解决方法:
通过点击事件来判定是点击还是长按。

bindTouchStart: function(e) {
    this.startTime = e.timeStamp;
},
bindTouchEnd: function(e) {
    this.endTime = e.timeStamp;
},
bindTap: function(e) {
    if(this.endTime  - this.startTime < 350) {
        console.log("点击")
    }
},
bingLongTap: function(e) {
    console.log("长按");
}

猜你喜欢

转载自www.cnblogs.com/lskreno/p/12212857.html
今日推荐