H5页面移动端IOS键盘收起焦点错位

出现场景：IOS端，在弹出层点击input时调起键盘页面会被顶上去document.body.scrollOffset大于0，收起键盘时scrollOffset不变，造成焦点错位。

注：安卓手机点击时调起键盘不会把页面顶上去，会改变窗口高度变化，收起时不会造成影响。

jq处理：

 $('input').on('blur', function (event) {
 　　if (!(event.relatedTarget && event.relatedTarget.tagName)) document.body.scrollTop = 0;
 });

vue处理：

1、判断移动端设备

 //判断 IOS 或者 Android
 let u = window.navigator.userAgent;
 //IOS终端
 let isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
 //android终端
 let isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1;
 //IOS
 if(isiOS) return "IOS";
 9 //Android
 if(isAndroid) return "Android";

2、回归原本高度

 let type = "当前机型";//Android or IOS
 let isReset = true;//是否归为
 if (type === 'IOS') {
     document.body.addEventListener('focusin', () => {
         //软键盘弹出的事件处理
         isReset = false;
     });
     document.body.addEventListener('focusout', () => {
         //软键盘收起的事件处理
          isReset = true;
          setTimeout(() => {
              //当焦点在弹出层的输入框之间切换时先不归位
              if (isReset)    window.scroll(0, 0);//失焦后强制让页面归位
          }, 100);
      });
  } else if (type === 'Android') {
      window.onresize = function () {
          //键盘弹起与隐藏都会引起窗口的高度发生变化
          let resizeHeight = document.documentElement.clientHeight || document.body.clientHeight;
          if (resizeHeight < h)    isReset = false;
          else {
              isReset = true;
              setTimeout(() => {
                   if (isReset)    window.scroll(0, 0);//失焦后让页面归位
               }, 100);
           }
       }
   }