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>
  • 相关阅读:
    Leetcode--Median of Two Sorted Arrays
    My rule
    00113_通过反射获取成员方法并使用
    雷林鹏分享:MySQL 管理
    雷林鹏分享:MySQL 安装
    雷林鹏分享:MySQL 教程
    雷林鹏分享:jQuery Mobile 列表视图
    雷林鹏分享:jQuery Mobile 网格
    雷林鹏分享:MySQL 导出数据
    雷林鹏分享:MySQL 导入数据
  • 原文地址:https://www.cnblogs.com/gongxiaoyan/p/13576399.html
Copyright © 2011-2022 走看看