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脚本导入导出
    centos6.9关闭防火墙
    hdfs 架构
    MySQL JOIN的使用
    六种方式,教你在SpringBoot初始化时搞点事情!
    mybatis快速入门
    有了Swagger2,再也不用为写Api文档头疼了
    kafka查看Topic列表及消费状态等常用命令
    @RequestMapping注解
    寻找写代码感觉(三)之使用 Spring Boot 编写接口
  • 原文地址:https://www.cnblogs.com/lxs-616/p/12842532.html
Copyright © 2011-2022 走看看