本文主要是介绍h5 安卓 键盘弹起界面适配 修改webview高度，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
相信大家在开发移动端h5的时候，肯定会遇到类似下面这种需求：
那对于这种页面的布局来说就很简单了，整个上下排版，然后最下面的按钮使用绝对定位去实现。然后再到真机上去测试时，会发现ios手机是蛮正常的体验，软键盘会直接从底部覆盖最下面的按钮的，那是因为ios上的键盘是处在窗口的最上层，直接覆盖窗口不会挤压窗口；
但是在安卓真机上去看到这样的现象：
第一感觉就是不美观，那么该如何解决这个问题呢？首先还是从源头上看，针对安卓系统来说，软键盘弹起的方式是很有多种的常用的是这2种android:windowSoftInputMode="adjustPan|adjustResize”
1. “adjustResize”
该Activity主窗口总是被调整屏幕的大小以便留出软键盘的空间，会调用onSizeChanged方法
2. “adjustPan”
该Activity主窗口并不调整屏幕的大小以便留出软键盘的空间。相反，当前窗口的内容将自动移动以便当前焦点 不被键盘覆盖和用户能总是看到输入内容的部分。不会调用onSizeChanged方法
综上所述安卓会发生这个现象是因为原窗口为了留出软键盘的空间，高度发生了改变，绝对定位在底部的按钮就会被挤压，给人的假象就是被键盘顶起。既然我们知道了原因出在了原窗口高度发生了改变，那就有可做文章的地方，请看下面的代码：
//获取原窗口的高度
var originalHeight=document.documentElement.clientHeight ||document.body.clientHeight;
window.onresize=function(){//键盘弹起与隐藏都会引起窗口的高度发生变化var resizeHeight=document.documentElement.clientHeight || document.body.clientHeight;1. 从app自身的Webview高度方面去考虑if(resizeHeight-0<originalHeight-0){ // resizeHeight<originalHeight证明窗口被挤压了plus.webview.currentWebview().setStyle({height:originalHeight //强设置为原高度});}2. 从h5自身角度去解决if(resizeHeight-0<originalHeight-0){ // resizeHeight<originalHeight证明窗口被挤压了可以去操作dom 进行隐藏按钮 // xxx.style.display='none';//隐藏的手段就有很多了 可以z-index为负数、opacity透明度等等}else{还原按钮的显示 // xxx.style.display='';}
}这篇关于h5 安卓 键盘弹起界面适配 修改webview高度的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
