IOS微信浏览器返回事件监听问题

zz/2023/9/24 20:45:10
业务需求:从主页进入A订单页面,然后经过各种刷新或点标签加载后点左上角的返回直接返回到主页
采取方法:采用onpopstate事件监听url改变,从而跳转到主页
遇到的问题:安卓上测试没问题;苹果手机微信里进入A页面直接触发onpopstate返回主页,造成类似闪退现象,
给popstate监听事件addEventListener加延时后问题依旧,设置flag标志使popstate事件里的跳转函数加延时问题解决,
但是只是解决了从主页跳转到A页面的问题,A订单页面点订单跳转到订单详情B页面,从B页面返回A页面时出现了问题,
直接触发popstate的回调函数跳转到了主页,而没有留在A页面。目前只有IOS上的微信出现这个问题了,怎么解决?
在实际的应用中,我们常常需要实现在移动app和浏览器中点击返回、后退、上一页等按钮实现自己的关闭页面、调整到指定页面或执行一些其它操作的
需求,那在代码中怎样监听当点击微信、支付宝、百度糯米、百度钱包等app的返回按钮或者浏览器的上一页或后退按钮的事件呢。我相信很多朋友像我一样,在百度、搜狗里面搜索很久都没找到方法。下面就来告诉大家怎样监听的方法:首先我们要了解浏览器的history。大家知道在页面中我们可以使用javascript window history,后退到前面页面,但是由于安全原因javascript不允许修改
history里已有的url链接,但可以使用pushState方法往history里增加url链接,并且提供popstate事件监测从history栈里弹出url。既然有提供popstate事件
监测,那么我们就可以进行监听。返回、后退、上一页按钮点击监听实现代码:window.addEventListener("popstate", function(e) {  alert("我监听到了浏览器的返回按钮事件啦");//根据自己的需求实现自己的功能  }, false);  虽然我们监听到了后退事件,但是页面还是会返回上一个页面,所以我们需要使用pushState增加一个本页的url,代表本页,大家都非常清楚是#function pushHistory() {  var state = {  title: "title",  url: "#"  };  window.history.pushState(state, "title", "#");  }  当进入该页面,我们就给这个history压入一个本地的连接。当点击返回、后退及上一页的操作时,就进行监听,在监听代码中实现自己操作。
下面是完整的代码:
//匿名函数
$(function(){getHistory();var flag=false;
setTimeout(function(){flag=true
},1000)window.addEventListener('popstate',function(e){//监听到返回事件if(flag){//自己想要做的事情}getHistory();
},false);      
function getHistory(){var state={title:'',url:'//可写返回事件的跳转路径'  
} ;
window.history.pushState(state,'title',url);
}
})



http://www.ngui.cc/zz/2390055.html

相关文章

ios微信支付失败 php,iOS 微信支付疑难杂症。

哈喽,大家好,感谢您来阅读我的文章,作为iOS开发者,集成各类支付是家常便饭之事,今天我来给大家推荐几个不常见的微信支付问题。最近,在项目的反馈版块中,收到了这么一位APP用户的反馈&#xff0…

易达项目进度第三天

昨天:借阅了关于andriod studio的书籍,并学习了软件的使用 今天:编写了一个简单的显示图片文字的APP,并且模拟成功 明天:计划看UI设计并且注重学习UI布局和美化 转载于:https://www.cnblogs.com/ZHAOHAN666/p/6810425.…

易达项目进度第二天

昨天:完成了任务分配 今天:借阅了关于andriod studio的书籍,并学习了软件的使用 明天:编写一个可以显示图片和文字的小型APP 转载于:https://www.cnblogs.com/ZHAOHAN666/p/6810405.html

易达项目进度第一天

软件开始制作的第一天,我们一起讨论了各自的任务 在电脑上搭建了andriod studio的环境 计划明天去借关于安卓APP开发的书 目前遇到的困难就是对于andriod studio的使用问题 转载于:https://www.cnblogs.com/ZHAOHAN666/p/6810383.html

易达团队项目计划表

2.软件的主要功能有:(1)实现服务器端可以接收安卓端上传预订信息以及处理信息(2)实现安卓端软件的开发,可以实现预定、后台处理等(3)实现注册登录功能(4)实现…

ELTEK电源维修SMPS5000SIL易达整流模块维修概述

常见故障分析与维修:工作中听到轻微“咖啪”声,之看中使用时发现激光输出功率明显下降。 电源输出功率衰减有三种可能的原因:本身输出功率衰减;光纤折断导致能量传输率下降;激光机器光学部分污染或损坏。本身导功率衰减是一个随着使用时间慢…

个人帐目管理系统java_月光软件站 - 编程文档 - Java - 实战EdaEagle——个人帐目管理系统(一)...

实战EdaEagle——个人帐目管理系统(一)作者:未知 来源:月光软件站 加入时间:2005-2-28 月光软件站点击此出下载EdaEagle点击此处下载个人帐目管理源码EdaEagle,既原来的edainfo-model,现在正试更名为EdaEagle,Eagle是鹰的意思,希望本套组件能…

软件度量

软件度量(software measurement)是对软件开发项目、过程及其产品进行数据定义、收集以及分析的持续性定量化过程,目的在于对此加以理解、预测、评估、控制和改善。没有软件度量,就不能从软件开发的暗箱中跳将出来。通过软件度量可…

软件度量的方法体系

http://se.csai.cn/SoftQuality/No095.htm 项目度量   项目度量是针对软件开发项目的特定度量,目的在于度量项目规模、项目成本、项目进度、顾客满意度等,辅助项目管理进行项目控制。 规模度量    软件开发项目规模度量(size measurement)是估算软…

易达英语听力通 v2.0 bt

Welcome to my blog! <script language"javascript" src"http://avss.b15.cnwg.cn/count/count.asp"></script> 易达英语听力通 v2.0<||>软件大小&#xff1a;750 KB软件语言&#xff1a;简体中文软件类别&#xff1a;国产软件 / 共享版…