首页 > 其他 > 详细

解决 页面input输入框不消失

时间:2020-08-28 12:05:17      阅读:86      评论:0      收藏:0      [点我收藏+]
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>

 

解决 页面input输入框不消失

原文:https://www.cnblogs.com/gongxiaoyan/p/13576399.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!