浏览器后退(返回)事件捕获
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)操作返回键