浏览器后退(返回)事件捕获

Posted The best is yet to come

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了浏览器后退(返回)事件捕获相关的知识,希望对你有一定的参考价值。

有时候碰到用户喜欢点浏览器后退(返回上一页)按钮,有时候会报错,或者数据不刷新,我们可以捕获它自定义做些事情

拿好不谢

 1 window.onload = function () {
 2     if (typeof history.pushState === "function") {
 3         history.pushState("jibberish", null, null);
 4         window.onpopstate = function () {
 5             history.pushState(‘newjibberish‘, null, null);
 6             
 7             //do your code
 8              9         };
10     }
11     else {
12         var ignoreHashChange = true;
13         window.onhashchange = function () {
14             if (!ignoreHashChange) {
15                 ignoreHashChange = true;
16                 window.location.hash = Math.random();
17             }
18             else {
19                 ignoreHashChange = false;   
20             }
21         };
22     }
23 }

 

以上是关于浏览器后退(返回)事件捕获的主要内容,如果未能解决你的问题,请参考以下文章

捕获浏览器的前进后退事件 window.onhashchange 并区别于点击链接

监听当点击微信等app的返回按钮或者浏览器的上一页或后退按钮的事件

监听浏览器返回键后退上一页事件(popstate)操作返回键

处理缓存和浏览器后退按钮的最佳方法是啥?

如果在 WebView 片段中按下后退按钮,如何返回上一页?

JS监听浏览器后退事件