标签：返回 缓存 H5 window 刷新 监听 页面

相信大家 在用H5语法写手机端页面时大概率会遇到点击手机自带返回按钮返回上一页 数据错乱 没有刷新等问题

那么我们改怎么监听用户返回这个事件从而去做页面刷新 或者其他操作呢
window对象的pageshow事件可以监听到返回按钮
window.location.reload() 可以刷新当前页面

那么 假定我们的需求是 从页面A跳转向页面B 在从页面B点击手机自带的返回按钮 返回到页面A 当返回时 页面A自动刷新

其实这个操作和 页面B一点关系都没有

我们只需要在页面A中编写事件

window.addEventListener('pageshow', function (e) {
  if (e.persisted) {
        window.location.reload()
    }
})

如果需要返回时保留用户的某些操作 你可以存在缓存里
然后页面一加载判断是否有缓存 然后做完操作再把缓存清了

标签：返回,缓存,H5,window,刷新,监听,页面
来源： https://blog.csdn.net/weixin_45966674/article/details/122391248

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。