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

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

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

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

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

效果图：

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

在vue中，如何处理手机物理键返回
需求:h5登记用户信息页面,用户返回,信息能否保存下来手机物理键返回时,进行操作,将信息保存到本地缓存 1.mounted生命周期挂载,完成后,判断浏览器是否支持popstate mounted() ...
Android——Xlistview上拉刷新下拉加载
配置网络权限+xutils包+gson包代码如下: values下修改strings添加直接粘 <?xml version="1.0" encoding="ut ...
vue开发app 手机物理返回键返回/退出
mui进行手机物理键的监听首先安装 vue-awesome-mui npm i vue-awesome-mui 在main.js注册 import Mui from 'vue-awesome-mui ...
vue项目某个APP页面实现手机物理按键返回、路由拦截、localStorage存取参数
vue项目某个APP页面实现手机物理按键返回.路由拦截.localStorage存取参数最近做个功能:在web系统里面嵌套两个app页面,当然APP页面在web系统上没有路由跳转,而是从另外系统扫码 ...
【Appium+Python】进行手机操作的方法+使用手机物理键
在编写UI自动化测试脚本的时候,有时候定位页面元素去操作手机的方法可能会比较麻烦.例如,也许你只是想要一个返回效果,去定位页面返回后还要进行一系列定义.调用点击函数,此时直接使用手机的物理返回键就要方 ...
jQuery模拟原生态App上拉刷新下拉加载
jQuery模拟原生态App上拉刷新下拉加载效果代码,鼠标上拉时会显示loading字样,并且会模拟加载一条静态数据,支持触屏设备使用. <!doctype html> <html ...
jQuery模拟原生态App上拉刷新下拉加载效果代码
以下任意均可: 1. jQuery模拟原生态App上拉刷新下拉加载效果代码,鼠标上拉时会显示loading字样,并且会模拟加载一条静态数据,支持触屏设备使用. 原文:http://www.sucaij ...
react 返回一个页面_react-router-dom 怎么让第二个页面返回到第一个页面使得第一个页面不重新加载...
RT 用了 react-router-dom v4 从列表页( List )点击一项进入详情页( Detail ),在 Detail 里点击返回,返回到 List,这里 List 会重新加载,也就是说 ...
Android之 RecyclerView，CardView 详解和相对应的上拉刷新下拉加载
为什么80%的码农都做不了架构师?>>> 随着 Google 推出了全新的设计语言 Material Design,还迎来了新的 Android 支持库 v7,其中就包含了 M ...

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

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

最新文章

热门文章