文章詳情頁
uniapp解決軟鍵盤彈出問題方法詳解
瀏覽:2日期:2022-06-13 13:40:53
目錄需求(1) 嘗試1(2) 嘗試2備注拓展需求
當(dāng)input輸入框輸入聚焦時(shí)禁止系統(tǒng)軟鍵盤彈出
(1) 嘗試1在輸入框聚焦時(shí)隱藏軟鍵盤
focus:function(){ console.log('輸入框聚焦'); // 并不能完全禁用軟鍵盤 setTimeout(function(){uni.hideKeyboard();//隱藏軟鍵盤// plus.key.hideSoftKeybord(); },250);},實(shí)際效果:
界面會(huì)有一個(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í)不會(huì)彈出軟件盤。優(yōu)化思路:在界面銷毀時(shí)清除定時(shí)器,參考uni-app 中清除定時(shí)器。以上就是uniapp解決軟鍵盤彈出問題方法詳解的詳細(xì)內(nèi)容,更多關(guān)于uniapp軟鍵盤彈出的資料請(qǐng)關(guān)注好吧啦網(wǎng)其它相關(guān)文章!
標(biāo)簽:
JavaScript
排行榜
