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做笔记,大神勿喷!
  • 相关阅读:
    URAL 2015 Zhenya moves from the dormitory(水题)
    概率DP总结(待整理)
    HDU 5236 Article(概率DP+贪心 待解决)
    2015上海邀请赛
    树链剖分(待整理)
    hust 5239 Doom(线段树 规律OR数论 待整理 )
    Java大数BigInteger BigDecimal
    hdu 5505 GT and numbers
    hdu 5532 Almost Sorted Array
    hdu 5533 Dancing Stars on Me
  • 原文地址:https://www.cnblogs.com/lxs-616/p/12842532.html
Copyright © 2011-2022 走看看