小程序单击、长按事件冲突问题

最新推荐文章于 2024-03-01 16:03:49 发布

aaron9185

最新推荐文章于 2024-03-01 16:03:49 发布

阅读量687

点赞数

CC 4.0 BY-SA版权

分类专栏：小程序文章标签：小程序单击、长按事件冲突问题小程序事件冲突

本文链接：https://blog.youkuaiyun.com/aaron9185/article/details/90445529

小程序专栏收录该内容

10 篇文章

订阅专栏

博客聚焦小程序单击和长按事件冲突问题，涉及view界面和js界面相关内容，为解决小程序开发中事件冲突提供参考，属于信息技术领域的前端开发问题。

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

	微信小程序事件触发顺序
单击	touchstart → touchend → tap
双击	touchstart → touchend → tap → touchstart → touchend → tap
长按	touchstart → longtap → touchend → tap

view界面

 <view bindtouchstart="bindTouchStart" bindtouchend="bindTouchEnd" bindlongtap="bingLongTap" bindtap="bindTap">

js界面

  bindTouchStart: function (e) {
    console.log('触摸开始')
    this.startTime = e.timeStamp;
  },
  bindTouchEnd: function (e) {
    console.log('触摸结束')
    this.endTime = e.timeStamp;
  },
  bindTap: function (e) {
    var that = this
    if (this.endTime - this.startTime < 350) {
      console.log("点击")
    }
  },
  bingLongTap: function (e) {
    var that = this
    console.log("长按");
  }