h5 移动端 监听输入法的键盘弹起、收起，输入法弹出导致页面底部按钮上浮

------------------------------------------------------input框时输入框弹出，ios显示正常：（如下）---------------------------------------

--------------------------------------------------------但是andriod则会将按钮挤上去，（如下）---------------------------------------------------：

首先还是从源头上看，针对安卓系统来说，软键盘弹起的方式是很有多种的常用的是这2种android:windowSoftInputMode="adjustPan|adjustResize” 
1. “adjustResize” 
该Activity主窗口总是被调整屏幕的大小以便留出软键盘的空间，会调用onSizeChanged方法 
2. “adjustPan” 
该Activity主窗口并不调整屏幕的大小以便留出软键盘的空间。相反，当前窗口的内容将自动移动以便当前焦点 不被键盘覆盖和用户能总是看到输入内容的部分。不会调用onSizeChanged方法

综上所述安卓会发生这个现象是因为原窗口为了留出软键盘的空间，高度发生了改变，绝对定位在底部的按钮就会被挤压，给人的假象就是被键盘顶起。既然我们知道了原因出在了原窗口高度发生了改变，那就有可做文章的地方，请看下面的代码：
 

//获取原窗口的高度
var originalHeight=document.documentElement.clientHeight ||document.body.clientHeight;
window.οnresize=function(){
    //键盘弹起与隐藏都会引起窗口的高度发生变化
    var  resizeHeight=document.documentElement.clientHeight || document.body.clientHeight;
     1. 从app自身的Webview高度方面去考虑
        if(resizeHeight-0

andriod中如何监听软键盘的弹起与收起，是利用的窗口的高度发生变化 
window.onresize事件来做突破点的，但是ios中软键盘的弹起收起并不触发window.onresize事件。 
总结： 
1.在ios中软键盘弹起时，仅会引起$(‘body’).scrollTop值改变，但是我们可以通过输入框的获取焦点情况来做判断，但也只能在ios中采用这个方案，因为在android中存在主动收起键盘后，但输入框并没有失焦，而ios中键盘收起后就会失焦； 
2.在android中软键盘弹起或收起时，会改变window的高度，因此监听window的onresize事件；

一、Android
//获取原窗口的高度
var originalHeight=document.documentElement.clientHeight ||document.body.clientHeight;
window.οnresize=function(){
    //键盘弹起与隐藏都会引起窗口的高度发生变化
       var resizeHeight=document.documentElement.clientHeight || document.body.clientHeight;
        if(resizeHeight-0 {
            //软键盘弹出的事件处理
            if(isIphone()）{

            }
        })
  document.body.addEventListener('focusout', () => {
       //软键盘收起的事件处理
        if(isIphone()）{

        }
   })