<script type="text/javascript">
var originalHeight=document.documentElement.clientHeight ||document.body.clientHeight;


window.onresize = ()=>{
return(()=>{
//键盘弹起与隐藏都会引起窗口的高度发生变化
var resizeHeight=document.documentElement.clientHeight || document.body.clientHeight;
console.log("进入到判断页面高度=========");
console.log("页面初始高度========="+originalHeight);
console.log("软键盘弹起高度========="+resizeHeight);
if(resizeHeight-0<originalHeight-0){
//当软键盘弹起，在此处操作
console.log("进入到软键盘弹起=========");
document.querySelector('body').setAttribute('style', 'height:'+originalHeight+'px;');
this.scrollerHeight=resizeHeight;
}else{
//当软键盘收起，在此处操作
console.log("进入到软键盘收起=========");
document.querySelector('body').setAttribute('style', 'height:100%;');
this.scrollerHeight="100%";
}
})()


}
</script>




1.判断window.onresize前后大小，间接判断软键盘弹出，在对页面布局做处理，如改变position或设置容易大小为定值
var clientHeight = document.documentElement.clientHeight || document.body.clientHeight;
window.onresize = function () {
    var nowClientHeight = document.documentElement.clientHeight || document.body.clientHeight;
    if (clientHeight > nowClientHeight) {
        //键盘弹出的事件处理
    }
    else {
        //键盘收起的事件处理
    }
};