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

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/u013408059/article/details/82835861

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

我找到了两种方法:

  <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基本靠百度, 所以也没打算弄明白了,能实现了就好把

相关连接:

popstate事件在webkit中的诡异行为

window.onpopstate无法触发解决办法