js 關於安卓和蘋果及微信內置瀏覽器的一些bug總結

1.控制軟鍵盤收起：

document.activeElement.blur();//軟鍵盤收起

 

2.安卓軟鍵盤彈起與收起的監測

var winHeight = $(window).height();   //獲取當前頁面高度
        $(window).resize(function(){
           var thisHeight=$(this).height();
            if(winHeight - thisHeight >50){
                 //當軟鍵盤彈出，在這裏面操作
                if (isAndroid) {
                   //這個是安卓操作系統
                   $(".pay-content").css('bottom','40%');
                }
            }else{
                //當軟鍵盤收起，在此處操作 這個是安卓操作系統
               $(".pay-content").css('bottom','0');
            }
        });  

 

3.當div固定在底部，點擊其中的輸入框，再收起軟鍵盤時，蘋果手機的用戶會發生該div的內部button等點擊區域發生變化，統一上移了時：

$("body").scrollTop(0);

或者直接定位到指定的元素位置

scrollTop (text) {
      document.getElementById(text).scrollIntoView();
}

 

4.當div與div中間莫名有縫隙的時候（主要發生在小程序的view中）

font-size:0;

 

5.彈起的軟鍵盤帶有完成的按鈕：

<input type="search" class="index-search" placeholder="搜索">

6.關於發送短信到指定號碼，ios系統的微信內置瀏覽器在發送短信時會默認彈出提示彈窗（號碼+短信內容），短信內容有中文時，會被自動編碼，無解決方案。