uniapp解決軟鍵盤彈出問題方法詳解

更新時(shí)間：2023年07月10日 11:26:22 作者：瑟聞風(fēng)傾

這篇文章主要為大家介紹了uniapp解決軟鍵盤彈出問題方法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪

需求

當(dāng)input輸入框輸入聚焦時(shí)禁止系統(tǒng)軟鍵盤彈出

(1) 嘗試1

在輸入框聚焦時(shí)隱藏軟鍵盤

focus:function(){
    console.log("輸入框聚焦");
    // 并不能完全禁用軟鍵盤
    setTimeout(function(){
        uni.hideKeyboard();//隱藏軟鍵盤
        // plus.key.hideSoftKeybord();
    },250);
},

實(shí)際效果：

界面會有一個(gè)鍵盤先彈出后隱藏的切換過程，用戶體驗(yàn)不好

(2) 嘗試2

在界面顯示時(shí)每隔固定時(shí)間執(zhí)行一次隱藏操作

onShow:function(){
    console.log( "home-監(jiān)聽頁面顯示");
    //執(zhí)行頻率：game（20ms/次）、ui（60ms/次）、normal（200ms/次）
    setInterval(function(){
        uni.hideKeyboard();//隱藏軟鍵盤
        // plus.key.hideSoftKeybord();
    },60);
    },

備注

若需在整個(gè)應(yīng)用中都禁用系統(tǒng)軟鍵盤，則在app.vue文件的onShow()方法中執(zhí)行以上代碼即可；若僅需在單個(gè)特殊頁面禁用，其他界面還需系統(tǒng)軟鍵盤進(jìn)行輸入，那么僅在這個(gè)特殊界面的onShow()方法中執(zhí)行以上代碼即可。

實(shí)際效果：完美解決軟鍵盤彈出問題

拓展

回調(diào)函數(shù)的執(zhí)行頻率：game（20ms/次）、ui（60ms/次）、normal（200ms/次）

值	說明
game	適用于更新游戲的回調(diào)頻率，在 20ms/次左右
ui	適用于更新 UI 的回調(diào)頻率，在 60ms/次左右
normal	普通的回調(diào)頻率，在 200ms/次左右

新問題：若單個(gè)界面（如page1）禁用軟鍵盤，而page2需要使用輸入法進(jìn)行輸入時(shí)，若先進(jìn)入的是page2則輸入法可彈出，但若進(jìn)入過page1再進(jìn)入page2，那么在page2輸入時(shí)不會彈出軟件盤。
優(yōu)化思路：在界面銷毀時(shí)清除定時(shí)器，參考uni-app 中清除定時(shí)器。

以上就是uniapp解決軟鍵盤彈出問題方法詳解的詳細(xì)內(nèi)容，更多關(guān)于uniapp軟鍵盤彈出的資料請關(guān)注腳本之家其它相關(guān)文章！

您可能感興趣的文章: