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

更新時間：2023年07月10日 11:26:22 作者：瑟聞風傾

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

需求

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

(1) 嘗試1

在輸入框聚焦時隱藏軟鍵盤

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

實際效果：

界面會有一個鍵盤先彈出后隱藏的切換過程，用戶體驗不好

(2) 嘗試2

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

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

備注

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

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

拓展

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

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