javascript - 检测浏览器中的后退按钮点击

Question

<分区>

Answer 1

就 AJAX 而言......

在使用大多数使用 AJAX 导航页面特定部分的网络应用程序时按回键是一个巨大的问题。我不接受“必须禁用按钮就意味着你做错了什么”的说法，事实上，不同方面的开发人员长期以来都遇到过这个问题。这是我的解决方案:

window.onload = function () {
    if (typeof history.pushState === "function") {
        history.pushState("jibberish", null, null);
        window.onpopstate = function () {
            history.pushState('newjibberish', null, null);
            // Handle the back (or forward) buttons here
            // Will NOT handle refresh, use onbeforeunload for this.
        };
    }
    else {
        var ignoreHashChange = true;
        window.onhashchange = function () {
            if (!ignoreHashChange) {
                ignoreHashChange = true;
                window.location.hash = Math.random();
                // Detect and redirect change here
                // Works in older FF and IE9
                // * it does mess with your hash symbol (anchor?) pound sign
                // delimiter on the end of the URL
            }
            else {
                ignoreHashChange = false;   
            }
        };
    }
}

据我所知，这适用于 chrome、firefox、尚未测试 IE。