Tabbar双击事件

APP常常可以看到双击底部的某个menu,页面就会刷新。这是一种常见的操作。但如果开发者使用uniapp或者小程序,会发现,底部的tabbar是在page.json文件中配置的,但官方的api只提供了单击事件的监听,双击事件是没有的。当然有些人可能会用第三方ui框架来代替默认的导航,但实际上从性能来讲,还是默认的比较好,所以既然选择默认的tabbar,那怎么去展示出双击tabbar这个操作呢?原理简单:
在官方给的监听点击tabar的事件中做个操作,即在某个事件段内没有第二次点击,就当做是单击,一般时间设置为200ms,比较符合用户双击事件的时间。
代码如下:

onTabItemTap(e) { // tab 点击时执行,此处直接接收单击事件
            if (this.tabClick) {
                // 200ms 内再次点击 数据处理
                this.reflesh() //数据处理
            }
            this.tabClick = true
            setTimeout(() => {
                this.tabClick = false // 200ms 内没有第二次点击,就当作单击
            }, 200)
 },

当然还有其他思路,但原理基本都是在一定的时间的间隔去执行不同的事件,这样便可处理单击,双击以及多次点击的事件。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 本文主要讲解iOS触摸事件的一系列机制,涉及的问题大致包括: 触摸事件由触屏生成后如何传递到当前应用? 应用接收触...
    baihualinxin阅读 4,914评论 0 9
  • 在iOS开发中经常会涉及到触摸事件。本想自己总结一下,但是遇到了这篇文章,感觉总结的已经很到位,特此转载。作者:L...
    WQ_UESTC阅读 11,299评论 4 26
  • 触摸事件的生命周期 当我们手指触碰屏幕的那一刻,一个触摸事件便产生了。经过进程间通信,触摸事件被传递到合适的应用之...
    Gintok阅读 5,255评论 0 3
  • 这个应该是我们最经常接触的一个part啦~ 最近周末有点儿沉迷泰国耽美剧,但周更还是要有的~ iOS中的UIEve...
    木小易Ying阅读 5,779评论 3 5
  • 作者:Lotheve链接:https://www.jianshu.com/p/c294d1bd963d[https...
    寻心_0a46阅读 4,522评论 0 2