JS 监听浏览器的回退 事件 [二〇一八年九月二十五日]

从网上找了点资源都比较少的 .

我找到了两种方法:

  <script type="text/javascript">

//加入以下俩行代码，才能触发
window.history.pushState('forward', null, '#');
window.history.forward(1);

// 监听事件的方法
window.addEventListener("popstate", function(e) {
alert("我监听到了浏览器的返回按钮事件啦");//根据自己的需求实现自己的功能
}, false);

</script>

第二种方法:

<script type="text/javascript">
  //popstate事件在浏览器操作时触发, 比如点击后退按钮(或者在JavaScript中调用history.back()方法).
   window.onpopstate = function(event) {
     alert("监听监听监听监听监听监听监听监听监听监听监听监听监听监听了返回事件")
      alert();
   };
  //加入以下俩行代码，才能触发
window.history.pushState('forward', null, '#');
window.history.forward(1);

  </script>

比较奇怪的就是必须要加入下面这两行代码,否则不能实现监听,我js基本靠百度, 所以也没打算弄明白了,能实现了就好把

相关连接:

 

=======================2018年11月15日 注意注意注意:====================================

这两行代码不要直接放在页面加载事件里面, 否则你的回退就会要点两次才能返回, 这两行代码要放在符合你监听条件的判断中.

==================2018年11月15日 ===================================================

popstate事件在webkit中的诡异行为

window.onpopstate无法触发解决办法