如何在ajax应用程序中确定浏览器前进或后退

Question

我有一个使用 hashbanging 进行导航的 ajax 应用程序，并且我在我的应用程序中跟踪导航堆栈。有什么好的方法可以确定用户是按下浏览器中的后退按钮还是只是按下指向同一个 url 的链接。

示例：假设用户位于http://mysite.com/#home，然后按下指向http://mysite.com/#settings 的链接。此新设置页面包含指向 http//mysite.com/#home 的链接。我如何确定用户是否按下链接返回主页或用户是否按下浏览器上的后退按钮。

由于我在内部跟踪历史堆栈，我想知道是否应该推送或弹出堆栈的 url。

一种解决方案是使用计数器或时间戳毒化网址，但最好避免。

Answer 1

忘记 hashbang 并使用 html5 pushState。当页面历史发生变化时，他的popState事件被触发。

Answer 2

您可以轻松检查用户是否按下了链接：

var link = document.getElementById("backLink"), pressedBackLink;
link.addEventListener("click", function() {
    pressedBackLink = true;
    // Do stuff here
}, false);

function hashChange() {
    if (pressedBackLink) {
        pressedBackLink = false;
        // Do other stuff
    }
}

记得在 IEattachEvent。我认为您的链接的 ID 为 "backLink"，而您在 haschange 事件上的侦听器是函数 hashChange。

关于后退浏览器按钮，无法确定。用户也可以单击前进或他的历史记录中的任何其他链接，而无需按顺序关注它们。不要在这上面浪费你的时间。