zoukankan      html  css  js  c++  java
  • 解决 页面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>
  • 相关阅读:
    进程 触发器
    关于 if条件 光标 循环的综合应用
    3-15记录
    day3.python 学习之列表
    day2: python3.5学习——逻辑判断
    day1: python3.5学习
    OpenGL_曲线函数
    OpenGL_赛平斯基垫片
    【quick-cocos2d-x 游戏开发之一】开发工具sublime text及其强力插件QuickXDev
    Python正则表达式指南
  • 原文地址:https://www.cnblogs.com/gongxiaoyan/p/13576399.html
Copyright © 2011-2022 走看看