swiper移动端键盘撑起页面不回弹

最新推荐文章于 2024-09-29 09:32:52 发布

Rain_Qiao

最新推荐文章于 2024-09-29 09:32:52 发布

阅读量1.3k

点赞数

本文链接：https://blog.csdn.net/Rain_Qiao/article/details/93009329

版权

var u = navigator.userAgent,
                   app = navigator.appVersion
               var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端

                   $("input").blur(function() {
                       if(isIOS) {
                           blurAdjust()
                       }
                   });

// 解决苹果不回弹页面
               function blurAdjust(e) {
                   setTimeout(() => {
                       if(document.activeElement.tagName == 'INPUT' || document.activeElement.tagName == 'TEXTAREA') {
                           return
                       }
                       let result = 'pc';
                       if(/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { //判断iPhone|iPad|iPod|iOS
                           result = 'ios'
                       } else if(/(Android)/i.test(navigator.userAgent)) { //判断Android
                           result = 'android'
                       }

                       if(result = 'ios') {
                           document.activeElement.scrollIntoViewIfNeeded(true);
                       }
                   }, 100)
               }