手機端軟鍵盤彈出擠壓頁面的問題

解決這個問題的基本思路是：

1、怎樣監聽軟鍵盤彈起這個事件

2、監聽到這個事件后怎樣操作才能讓頁面不被擠壓

一、解決在手機頁面App中手機軟鍵盤彈出軟鍵盤擠壓頁面問題

var originalHeight=document.documentElement.clientHeight || document.body.clientHeight;
    window.onresize=function(){
        var  resizeHeight=document.documentElement.clientHeight || document.body.clientHeight;
        //軟鍵盤彈起與隱藏  都會引起窗口的高度發生變化
        if(resizeHeight*1<originalHeight*1&&isfocus==true){ //resizeHeight<originalHeight證明窗口被擠壓了
       　　  plus.webview.currentWebview().setStyle({
             　　 height:originalHeight
          　});
        }
    } 

plus.webview.currentWebview().setStyle({
　　softinputMode: "adjustResize"  // 彈出軟鍵盤時自動改變webview的高度
});

二、解決在瀏覽器中打開網頁軟鍵盤擠壓頁面問題

//獲取原始窗口的高度
var isfocus=false;
var originalHeight=document.documentElement.clientHeight || document.body.clientHeight;
window.onresize=function(){
    var  resizeHeight=document.documentElement.clientHeight || document.body.clientHeight;
    //軟鍵盤彈起與隱藏  都會引起窗口的高度發生變化
    if(resizeHeight*1<originalHeight*1&&isfocus==true){ //resizeHeight<originalHeight證明窗口被擠壓了
    $('.hideBtn').css('display','none');
    }else{
        $('.hideBtn').css('display','block'); 
    }
} 
$("input").focus(function(){
    isfocus=true;
     
});
$("input").blur(function(){
    isfocus=false;
})