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

    },

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容