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

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

作者: 心淡然如水 | 来源:发表于2018-03-12 10:44 被阅读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

    相关文章

      网友评论

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

          本文链接:https://www.haomeiwen.com/subject/jaygzxtx.html