监听浏览器后退时刷新上一页面(JS,JQ)

监听后退

JS代码

// 监听浏览器回退事件,返回上一级页面刷新
(function() {
  var counter = 0;
  if (window.history && window.history.pushState) {
    window.onpopstate = function() {
      window.history.pushState('forward', null, '#');
      window.history.forward(1);
      //alert("不可回退");
      location.replace(document.referrer); //刷新
    };
  }
  window.history.pushState('forward', null, '#'); //在IE中必须得有这两行
  window.history.forward(1);
})();

JQ代码

$(document).ready(function(e) {   
     var counter = 0;  
     if (window.history && window.history.pushState) {  
         $(window).on('popstate', function () {  
            window.history.pushState('forward', null, '#');  
            window.history.forward(1);  
            //alert("不可回退");  
             location.replace(document.referrer);//刷新
          });  
        }  
      window.history.pushState('forward', null, '#'); //在IE中必须得有这两行  
      window.history.forward(1);  
});
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容