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

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

作者: 哒哒哒哒da | 来源:发表于2019-07-17 14:46 被阅读0次

监听后退

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

相关文章

网友评论

      本文标题:监听浏览器后退时刷新上一页面(JS,JQ)

      本文链接:https://www.haomeiwen.com/subject/fbbqlctx.html