解决 页面input输入框不消失

function fnkeyUp(){
      $('.footer').show();
      //判断机型
      var ua = window.navigator.userAgent.toLocaleLowerCase();
      var isIOS = /iphone|ipad|ipod/.test(ua);
      var isAndroid = /android/.test(ua);
      if(isIOS){
        // IOS 键盘收起后操作
        // 微信浏览器版本6.7.4+IOS12会出现键盘收起后,视图被顶上去了没有下来
        var wechatInfo = window.navigator.userAgent.match(/MicroMessenger\/([\d\.]+)/i);
        // var wechatInfo = window.navigator.userAgent.match(/MicroMessenger\/([\d]+)/i);
        if (!wechatInfo) return;
        var wechatVersion = wechatInfo[1];
        var version = (navigator.appVersion).match(/OS (\d+)_(\d+)_?(\d+)?/);
        if (document.documentElement.scrollTop > 0 || document.body.scrollTop > 0) {
          if (+wechatVersion.replace(/\./g, '') >= 674 && +version[1] >= 12) {
            window.scrollTo(0, Math.max(document.body.clientHeight, document.documentElement.clientHeight));
            // window.scrollTo(0, 0);
          }
        }
      }else{
        // Andriod 键盘收起:Andriod 键盘弹起或收起页面高度会发生变化,以此为依据获知键盘收起
        var originHeight = document.documentElement.clientHeight || document.body.clientHeight;
        window.addEventListener('resize', function () {
          var resizeHeight = document.documentElement.clientHeight || document.body.clientHeight;
          if (originHeight < resizeHeight) {
            // console.log('Android 键盘收起啦!');
            // Android 键盘收起后操作
          } else {
            // console.log('Android 键盘弹起啦!');
            // Android 键盘弹起后操作
            // 兼容Android键盘弹起后,输入框回到可视区域
            this.activeElementScrollIntoView($input, 1000);
          }
          originHeight = resizeHeight;
        }, false);
      }
    }
<textarea placeholder="偷偷表白吧....." class="textarea" v-model="context" maxlength="130" onblur="fnkeyUp()"></textarea>

 

posted @ 2020-08-28 11:17  鸿兮萄  阅读(323)  评论(0编辑  收藏  举报