zoukankan      html  css  js  c++  java
  • ios 输入框点击失焦后页面顶上去的问题

    解决该bug,代码如下:

                   //userAgent 属性是一个只读的字符串,声明了浏览器用于 HTTP 请求的用户代理头的值。
                    var u = navigator.userAgent;
                    var flag;
                    var myFunction;
                    var isIOS = !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/); //ios 终端
                    if(isIOS){
                        
                        // alert(9999)
                        document.body.addEventListener('focusin', () => {  //软键盘弹起事件
                            flag=true;
                            clearTimeout(myFunction);
                        })
                        document.body.addEventListener('focusout', () => { //软键盘关闭事件
                            flag=false;
                            if(!flag){
                                myFunction = setTimeout(function(){  
                                    //重点  =======当键盘收起的时候让页面回到原始位置(这里的top可以根据个人的需求改变,并不一定要回到页面顶部)
                                    window.scrollTo({top:0,left:0,behavior:"smooth"})
                                    
                                },200);
                            }else{
                                return
                            }
                        })
                    }else{
                        return
                    }
     
    这只是我写代码中遇到的一些bug做笔记,大神勿喷!
  • 相关阅读:
    mysql高可用架构的构想
    shell进阶——expect免交互工具的使用
    Mysql性能优化之参数配置(转)
    mysql主从同步问题梳理
    使用mysql-proxy实现mysql的读写分离
    Mysql数据库的主从与主主
    Mariadb远程登陆配置及相关问题排查
    redis集群搭建及常用操作
    weblogic的linux静默搭建
    Python traceback 模块,追踪错误
  • 原文地址:https://www.cnblogs.com/lxs-616/p/12842532.html
Copyright © 2011-2022 走看看