干掉微信小程序-解决点击(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("长按");
}
posted @ 2020-01-19 11:04  LSKReno  阅读(2101)  评论(0编辑  收藏  举报