vue H5页面在微信浏览器打开软键盘关闭导致页面空缺的问题

总结

微信里打开h5页面,点击输入框,再把软键盘收起,发现页面没变,但是按钮,输入框的位置边了

在获取输入框失去焦点时候:

inputBlur () {

      setTimeout(() => {

        if (document.activeElement.tagName === 'INPUT' || document.activeElement.tagName === 'TEXTAREA') {

          return;

        }

        if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { // 判断iPhone|iPad|iPod|iOS

          this.valRes = 'ios';

        } else if (/(Android)/i.test(navigator.userAgent)) { // 判断Android

          this.valRes = 'android';

        }

        if (this.valRes === 'ios') {

          document.activeElement.scrollIntoViewIfNeeded(true);

        }

      }, 10);

    },

你可能感兴趣的:(vue H5页面在微信浏览器打开软键盘关闭导致页面空缺的问题)