其他分享
首页 > 其他分享> > 【兼容】微信内置浏览器IOS与Android的兼容

【兼容】微信内置浏览器IOS与Android的兼容

作者:互联网

1、IOS点返回时返回假页面,如果前一页有个弹窗之类的,那返回时会带着这个弹窗,并且点击弹窗上的按钮根本不好使(安卓无此问题)。

解决方式:返回时重新刷新前一页

代码:

window.onpageshow=function(e){

    if(e.persisted) {
        window.location.reload() 
    }
};

2、H5原生的<input  type= date /datetime-local>时,部分IOS点击弹不出来日期选择插件,其实这不是弹不出来,只是需要你往上滑。。。就会出现了(安卓无此问题)

解决方式:将弹窗调入可视区域

代码:

 <input type="datetime-local" onclick="sr(this);" onchange="nosr(this)"  >

var timer1;  
function sr(obj) {  
    timer1 = setInterval(function() {  
        obj.scrollIntoView(false);  
    }, 100);  
  
}  
function nosr(obj) {  
    clearInterval(timer1);  
}

3、IOS中的radio、checkbox、select 有时用attr赋值反显不好使,这时不妨先用prop试一试,可能有惊喜


---------------------
作者:萌思娇
来源:CSDN
原文:https://blog.csdn.net/u011972856/article/details/80811525
版权声明:本文为博主原创文章,转载请附上博文链接!

标签:function,返回,obj,微信,IOS,兼容,timer1,弹窗
来源: https://www.cnblogs.com/cindy2035/p/10646880.html