微信小程序，catchlongtap之后会触发catchtap的问题。

原创于 2019-07-05 10:38:45 发布 · 1.9k 阅读

CC 4.0 BY-SA版权

14 篇文章

订阅专栏

3 篇文章

订阅专栏

本文介绍在微信小程序开发中，如何优化catchlongtap与catchtap事件，避免长按后触发两次事件的问题。通过设置lock变量，实现用户短按触发tap事件，长按仅触发longtap事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在微信小程序开发中，catchlongtap/bindlongtap如果和catchtap/bindtap一起监听一个元素的话，在用户长按之后，会依次触发longtap和tap绑定事件，当然这并非是我的意图，我希望的是用户短按就只触发短按，长按就只触发长按。

看了他的代码，然后做了一些改进

catchtap() {
 if(this.data.lock){
    this.data.lock=false;
    return;
  }
},
catchlongtap(){
    this.data.lock=true;
}

因为lock并不涉及前端页面的双向绑定，所以不建议用setdata这种异步操作来处理，会降低效率。