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

一、IOS点返回时返回假页面,若是前一页有个弹窗之类的,那返回时会带着这个弹窗,而且点击弹窗上的按钮根本很差使(安卓无此问题)。this

解决方式:返回时从新刷新前一页.net

代码:插件

window.onpageshow=function(e){blog

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

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

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

代码:cli

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

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

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

相关文章
相关标签/搜索