Tabbar雙擊事件

APP常??梢钥吹诫p擊底部的某個menu,頁面就會刷新。這是一種常見的操作。但如果開發(fā)者使用uniapp或者小程序,會發(fā)現(xiàn),底部的tabbar是在page.json文件中配置的,但官方的api只提供了單擊事件的監(jiān)聽,雙擊事件是沒有的。當然有些人可能會用第三方ui框架來代替默認的導航,但實際上從性能來講,還是默認的比較好,所以既然選擇默認的tabbar,那怎么去展示出雙擊tabbar這個操作呢?原理簡單:
在官方給的監(jiān)聽點擊tabar的事件中做個操作,即在某個事件段內(nèi)沒有第二次點擊,就當做是單擊,一般時間設置為200ms,比較符合用戶雙擊事件的時間。
代碼如下:

onTabItemTap(e) { // tab 點擊時執(zhí)行,此處直接接收單擊事件
            if (this.tabClick) {
                // 200ms 內(nèi)再次點擊 數(shù)據(jù)處理
                this.reflesh() //數(shù)據(jù)處理
            }
            this.tabClick = true
            setTimeout(() => {
                this.tabClick = false // 200ms 內(nèi)沒有第二次點擊,就當作單擊
            }, 200)
 },

當然還有其他思路,但原理基本都是在一定的時間的間隔去執(zhí)行不同的事件,這樣便可處理單擊,雙擊以及多次點擊的事件。

?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • 本文主要講解iOS觸摸事件的一系列機制,涉及的問題大致包括: 觸摸事件由觸屏生成后如何傳遞到當前應用? 應用接收觸...
    baihualinxin閱讀 1,280評論 0 9
  • 在iOS開發(fā)中經(jīng)常會涉及到觸摸事件。本想自己總結一下,但是遇到了這篇文章,感覺總結的已經(jīng)很到位,特此轉(zhuǎn)載。作者:L...
    WQ_UESTC閱讀 6,250評論 4 26
  • 觸摸事件的生命周期 當我們手指觸碰屏幕的那一刻,一個觸摸事件便產(chǎn)生了。經(jīng)過進程間通信,觸摸事件被傳遞到合適的應用之...
    Gintok閱讀 1,529評論 0 3
  • 這個應該是我們最經(jīng)常接觸的一個part啦~ 最近周末有點兒沉迷泰國耽美劇,但周更還是要有的~ iOS中的UIEve...
    木小易Ying閱讀 1,900評論 3 5
  • 作者:Lotheve鏈接:http://www.itdecent.cn/p/c294d1bd963d[https...
    尋心_0a46閱讀 1,100評論 0 2

友情鏈接更多精彩內(nèi)容