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

2019-07-17  本文已影响0人  哒哒哒哒da

监听后退

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);  
}); 

上一篇 下一篇

猜你喜欢

热点阅读