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做笔记,大神勿喷!
  • 相关阅读:
    POJ 1045
    POJ 1051
    POJ 1047
    POJ 1050
    POJ 1046
    POJ 1036
    POJ 1035
    POJ 1032
    【洛谷P1412】经营与开发
    【洛谷P3377】【模板】左偏树(可并堆)
  • 原文地址:https://www.cnblogs.com/lxs-616/p/12842532.html
Copyright © 2011-2022 走看看