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做笔记,大神勿喷!
  • 相关阅读:
    尘埃里的路人甲
    尘埃里的路人辛
    尘埃里的路人庚
    尘埃里的路人己
    尘埃里的路人戊
    尘埃里的路人丁
    C语言II博客作业04
    C语言II博客作业03
    C语言II博客作业02
    C语言II博客作业01
  • 原文地址:https://www.cnblogs.com/lxs-616/p/12842532.html
Copyright © 2011-2022 走看看