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

2018-03-12  本文已影响659人  心淡然如水

通过监听popstate事件,来判断是否点击返回按钮,比如从A页面跳转到B页面(监听popstate),然后再跳转到C页面,点击返回的按钮,测试成功,包括安卓版,但是问题来了,IOS版的微信,是会立即触发popstate事件,导致直接从C页面跳转到A页面,其他的支付宝(安卓、IOS)、微信(安卓)都是可以,就是微信IOS版不行。

经过查找相关资料,选择了一个方法,不过有点弊端,但是并不影响操作,通过popstate、pageshow两个事件进行判断验证。

/**

* 浏览器回退事件监听

*/varlistenerBackHandler = {      param: {          isRun:false,//防止微信返回立即执行popstate事件  },      listenerBack:function(){varstate = {              title:"title",              url:"#"};          window.history.pushState(state,"title","#");          window.addEventListener("popstate",function(e){if(listenerBackHandler.param.isRun) {                      window.location.href ="Home/Index";//返回到主页  }              }          },false);      },//初始化返回事件  initBack:function(){window.addEventListener('pageshow',function(){listenerBackHandler.param.isRun =false;              setTimeout(function(){listenerBackHandler.param.isRun =true; },1000);//延迟1秒 防止微信返回立即执行popstate事件  listenerBackHandler.listenerBack();          });      }  }

转载:http://blog.csdn.net/sinat_37138973/article/details/79098763

上一篇下一篇

猜你喜欢

热点阅读