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);
          }
      }
  }