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系统的微信内置浏览器在发送短信时会默认弹出提示弹窗（号码+短信内容），短信内容有中文时，会被自动编码，无解决方案。