問(wèn)題：在使用mui和H5+進(jìn)行移動(dòng)端開發(fā)的時(shí)候，經(jīng)常會(huì)遇見需要用戶輸入的情況

當(dāng)input獲取焦點(diǎn)彈起軟鍵盤的時(shí)候，經(jīng)常會(huì)遇見軟鍵盤擠壓頁(yè)面、軟鍵盤遮擋輸入框等一系列問(wèn)題；?

?

原因：造成這種現(xiàn)象的原因是，當(dāng)軟鍵盤彈出的時(shí)候，webview窗口被擠壓，高度變小了，所以這個(gè)時(shí)候，絕對(duì)定位的按鈕就會(huì)跟隨webview一起上移，給人的感覺就是按鈕被頂上去了；?

?

解決辦法：在安卓手機(jī)上，當(dāng)頁(yè)面被擠壓的時(shí)候，頁(yè)面大小發(fā)生了改變，會(huì)觸發(fā)onresize事件，在頁(yè)面出口變小的時(shí)候，手動(dòng)去設(shè)置webview的高度大小，就能解決問(wèn)題；

?

//獲取原始窗口的高度

var originalHeight=document.documentElement.clientHeight || document.body.clientHeight;

window.οnresize=function(){

　　 //軟鍵盤彈起與隱藏 都會(huì)引起窗口的高度發(fā)生變化

　　var resizeHeight=document.documentElement.clientHeight || document.body.clientHeight;

　　if(resizeHeight*1<originalHeight*1){

　　　　//resizeHeight<originalHeight證明窗口被擠壓了

　　　　plus.webview.currentWebview().setStyle({ height:originalHeight });

　　 }

}

轉(zhuǎn)載于:https://www.cnblogs.com/chung2017/p/9675114.html

總結(jié)

以上是生活随笔為你收集整理的Explain：解决MUI 软键盘弹起挤压页面问题的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。