移动app手机物理键返回、后退、上一页面并重新加载页面数据

项目中遇到一个问题,做个笔记。就是在微信网页上面本来是有返回按钮的,但是大多数人都为了方便,会使用安卓手机自带的物理返回键,这个返回键按下后,上一页内容获取最新数据。如图:

需求:常见问题,点击一个问题后进入,使用手机物理键返回时,页面刷新,阅读次数没有更新到最新的数据。

实现方式:js加入如下代码,如果你手机试了有问题,不妨给链接给别人用别人手机试试,我用的OPPO结果自带浏览器试的没反应,结果发给好几个朋友试都是OK,测试那边也OK。

/**物理键(手机返回键)事件监听监听*/
        $(document).ready(function() {		
		window.history.pushState("","","#");
	});
	window.addEventListener("popstate",function(e){
		location.href = "${path}/commonProblem/wap/list.action";//跳转到你上页路径(根据自己的需求实现自己的功能 )
	})

效果图:

移动app手机物理键返回、后退、上一页面并重新加载页面数据_第1张图片移动app手机物理键返回、后退、上一页面并重新加载页面数据_第2张图片移动app手机物理键返回、后退、上一页面并重新加载页面数据_第3张图片

 
  

你可能感兴趣的:(java,APP物理键返回,html,js)