如何在 Chrome、Firefox 和 IE 中捕获返回按钮事件答案

【问题标题】：How to capture back button event in Chrome,Firefox and IE如何在 Chrome、Firefox 和 IE 中捕获返回按钮事件
【发布时间】：2015-04-29 07:57:53
【问题描述】：

如果用户点击浏览器（IE、Chrome 和 Firefox）的后退按钮，我必须捕获

我不希望在用户按下浏览器的后退按钮时调用 onbeforeunload 事件

【问题讨论】：

detect back button click in browser 的可能重复项
已经有一个关于这个的问题，答案是：stackoverflow.com/questions/25806608/…
此类问题有多个答案，请看：stackoverflow.com/search?q=Javascript+back+button
你能从你建议的链接中给我推荐一个吗，因为我无法很好地回答我的问题。
Intercepting call to the back button in my AJAX application: I don't want it to do anything! 的可能副本

标签： javascript jquery html

【解决方案1】：

更新在下面的函数中，当您单击链接时，您将看到正在触发的事件....现在单击任何链接后单击返回按钮，您将再次触发事件。

JSFiddle

$(window).bind( "hashchange", function(e) {
  alert()
  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://github.com/cowboy/jquery-bbq/raw/v1.2.1/jquery.ba-bbq.min.js"></script>

<nav id="siteNav">
<ul>
<li class="nav1"><a href="#landing" title="Home">Home</a>
<li class="nav2"><a href="#products" title="Products">Products</a>
<li class="nav3"><a href="#about-us" title="About Us">About Us</a>
<li class="nav4"><a href="#sign-up" title="Sign Up">Sign Up</a>
<li class="nav5"><a href="" title="Videos">Videos</a>
</ul>
</nav>

使用hashchange 事件：

window.addEventListener("hashchange", function(e) {
  // ...
})

【讨论】：

谢谢您，但请您详细说明一下。
@user2078643 请检查:)

【解决方案2】：

我前段时间也在找同样的东西，但是浏览器的后退按钮事件听不到。但是，如果方便的话，您可以使用 jQuery（或 Javascript）并使用 .unload() 方法

Jquery .unload() API

【讨论】：