解決H5 在安卓手機上軟鍵盤遮蓋input的問題

2021-09-11 21:18:50 字數 410 閱讀 5039

解決方案原理:

安卓瀏覽器在軟鍵盤彈出後不會像ios瀏覽器那樣重新計算window的高度,所以導致安卓瀏覽器window的高度在軟鍵盤彈出的時候為「軟鍵盤的高度+(window的高度-軟鍵盤的高度)」;而其實,此時,合理的高度應該是頁面的高度+軟鍵盤彈出的高度;就此解決方案為如下:

1,首先把css中設定body的高度為100%取消,設定為auto;

2,用js獲取頁面的整個高度,動態賦值給body

var view_height = $(document.body).height()

function change()

change();

window.addeventlistener('resize',change,false);

H5混合開發軟鍵盤適配

h5混合開發軟鍵盤適配方案 當前端介面的輸入框位於頁面底部,鍵盤喚醒時,就會遮擋輸入框。此時使用者在輸入時就不能看到已經輸入的內容,造成很不好的使用者體驗。android cordova.getactivity runonuithread new runnable 在這裡前端不需要做處理。本以為這個...

h5 移動端 監聽軟鍵盤彈起 收起

回車確認 btn on keypress function e document keyup function e 1.在ios中軟鍵盤彈起時,僅會引起 body scrolltop值改變,但是我們可以通過輸入框的獲取焦點情況來做判斷,但也只能在ios中採用這個方案,因為在android中存在主動收...

h5 移動端 監聽軟鍵盤彈起 收起

window.onresize事件來做突破點的,但是 ios 中軟鍵盤的彈起收起並不觸發 window.onresize 事件 總結 1 在 ios 中軟鍵盤彈起時,僅會引起 body scrolltop 值改變,但是我們可以通過輸入框的獲取焦點情況來做判斷,但也只能在 ios 中採用這個方案,因為...