移動端關(guān)于頁面布局，如果底部有position:fixed的盒子，又有input，當(dāng)軟鍵盤彈出收起都會影響頁面布局。這時候Android可以監(jiān)聽resize事件，代碼如下，而ios沒有相關(guān)事件。

?

var winHeight = $(window).height(); //獲取當(dāng)前頁面高度 $(window).resize(function(){var thisHeight=$(this).height();if(winHeight - thisHeight >50){//當(dāng)軟鍵盤彈出，在這里面操作}else{//當(dāng)軟鍵盤收起，在此處操作} }); 解決ios鍵盤彈出遮擋input
function iosInput() {if(isIos()){$('.chart-footer').css('position','absolute');//解決第三方軟鍵盤喚起時底部input輸入框被遮擋問題var bfscrolltop = document.body.scrollTop;//獲取軟鍵盤喚起前瀏覽器滾動部分的高度$(".chart-input").focus(function(){//在這里‘input.inputframe’是我的底部輸入欄的輸入框，當(dāng)它獲取焦點時觸發(fā)事件interval = setInterval(function(){//設(shè)置一個計時器，時間設(shè)置與軟鍵盤彈出所需時間相近document.body.scrollTop = document.body.scrollHeight;//獲取焦點后將瀏覽器內(nèi)所有內(nèi)容高度賦給瀏覽器滾動部分高度},100)}).blur(function(){//設(shè)定輸入框失去焦點時的事件clearInterval(interval);//清除計時器document.body.scrollTop = bfscrolltop;//將軟鍵盤喚起前的瀏覽器滾動部分高度重新賦給改變后的高度});} } iosInput();

轉(zhuǎn)載于:https://www.cnblogs.com/fan-bk/p/8961229.html

總結(jié)

以上是生活随笔為你收集整理的js判断软键盘是否开启弹出的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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