popstate android4.3,IOS微信浏览器返回事件popstate监听会立即执行一次

页面跳转从a->b->b1->c，然后从c返回到b再到a。(监听popstate)

IOS版的微信，是会立即触法popstate事件，导致直接从C页面跳转到A页面

解决办法：：：

var bool = false;

window.addEventListener('pageshow',function(){

bool = false;

setTimeout(function(){

bool = true;

},1000)//延迟1秒防止ios微信返回立即执行popstate事件

pushHistory();

})

window.addEventListener(

"popstate",

function(e) {

if (bool) {

location.href ='页面b的地址';

}

pushHistory();

false

);

function pushHistory() {

var state = {

title: "title",

url: window.location.pathname + window.location.search

};

window.history.pushState(state, state.title, state.url);

}

原理：

因为在IOS微信浏览器里，返回上一个页面时，必定会触法popstate事件，就会导致立即执行返回到a页面。通过pageshow事件先延迟1秒的事件，让执行popstate事件时无法返回，等定时器把isRun的值改成true，然后再点击返回按钮，就会再次执行popstate事件，就可以返回到你想要的页面。

popstate android4.3,IOS微信浏览器返回事件popstate监听会立即执行一次相关推荐

IOS微信浏览器返回事件popstate监听
问题描述: 通过监听popstate事件,来判断是否点击返回按钮,比如从A页面跳转到B页面(监听popstate),然后再跳转到C页面,点击返回的按钮,测试成功,包括安卓版,但是问题来了,IOS版的微 ...
微信浏览器返回刷新，监听微信浏览器返回事件，网页防复制，移动端禁止图片长按和vivo手机点击img标签放大图片
以下代码都经过iphone7,华为MT7 ,谷歌浏览器,微信开发者工具,PC端微信验证.如有bug,还请在评论区留言. demo链接:https://pan.baidu.com/s/1c35mbjM ...
IOS微信浏览器返回事件监听问题
业务需求:从主页进入A订单页面,然后经过各种刷新或点标签加载后点左上角的返回直接返回到主页采取方法:采用onpopstate事件监听url改变,从而跳转到主页遇到的问题:安卓上测试没问题:苹果手机 ...
iOS小技能：监听H5页面goBack返回事件网页监听APP返回键（NavigationBackItemInjection）
文章目录引言 I . iOS监听H5页面goBack返回事件 1.1 UIWebView 监听H5页面goBack返回事件 1.2 WKWebView监听H5页面goBack返回事件 II. 网页监 ...
html5 history微信浏览器返回不刷新
History API与浏览器历史堆栈管理: 移动端开发在某些场景中有着特殊需求,如为了提高用户体验和加快响应速度,常常在部分工程采用SPA架构.传统的单页应用基于url的hash值进行路由,这种实现 ...
popstate 事件，浏览器返回事件
popstate :浏览器返回事件当活动历史记录条目更改时,将触发popstate事件.如果被激活的历史记录条目是通过对history.pushState()的调用创建的,或者受到对history. ...
html5 浏览器退回事件,html5的pushstate以及监听浏览器返回事件的实现
这篇文章主要介绍了html5的pushstate以及监听浏览器返回事件的实现,主要介绍了pushstate的使用,以及监听浏览器的解决等问题,感兴趣的可以一起来了解一下 pushstate与监听浏览器 ...
vue在微信里面的兼容问题_Vue在 iOS 微信浏览器下不能播放
问题的本质以上定位到问题大概花了我半小时时间,但是我并没有找到问题的根本原因,于是我翻阅了 Vue.js 2.5 的 release log,由于很长就不列了.Vue.js 每次升级主要分成 2 大 ...
苹果下微信浏览器返回上一页不刷新问题解决方案
苹果下微信浏览器返回上一页不刷新问题解决方案参考文章: (1)苹果下微信浏览器返回上一页不刷新问题解决方案 (2)https://www.cnblogs.com/liuxiaojie/p/78325 ...

popstate android4.3,IOS微信浏览器返回事件popstate监听会立即执行一次

popstate android4.3,IOS微信浏览器返回事件popstate监听会立即执行一次相关推荐

最新文章

热门文章

popstate android4.3,IOS微信浏览器返回事件popstate监听 会立即执行一次

popstate android4.3,IOS微信浏览器返回事件popstate监听 会立即执行一次相关推荐

最新文章

热门文章

popstate android4.3,IOS微信浏览器返回事件popstate监听会立即执行一次

popstate android4.3,IOS微信浏览器返回事件popstate监听会立即执行一次相关推荐