javascript - jQuery后退按钮OnLond事件？

Question

如果用户在离开页面后按下浏览器后退按钮再次查看 HTML 页面，则需要自行修改。

使用 jQuery，我如何获得这个事件？我试过这个：

    $(function() {
        DoSOmething();
    });

Answer 1

在这里试试这个网站：http ://www.bajb.net/2010/02/browser-back-button-detection/ 这有一个使用他们的类的非常简单的代码演示：

<script type="text/javascript">
bajb_backdetect.OnBack = function()
{
alert('You clicked it!');//Do something!
}
</script>

这应该可以完成工作！

Answer 2

嗯..我不明白你想要做什么，但如果你需要在页面加载后立即执行一个函数，你需要使用 load 事件，例如：

$(window).load(function(){  //all of the code inside this function will fire after the page has been loaded
    DoSomething();
});

与的区别

$(document).ready(function({ //this code will fire as soon as the browser downloads the js file or if it's already on cache, will fire it right after the "handshake" with the server
    DoSomething();
})

是$(window).load在与服务器的所有通信都完全解决并且所有 HTML 都加载到浏览器上之前不会触发，而$(document).ready会立即触发。

也许您的函数正在寻找页面上尚未加载的元素，因此，它什么也不做。

如果你愿意，你可以用 jqueryless 或普通的 javascript 来做：

window.onload = function(){
    DoSomething();
}

它与 $(window).load 相同，但没有 jquery 的膨胀。希望有帮助，加油。

Answer 3

一种可能的方法是通过设置 cookie 来检测返回到您页面的用户。它不会从字面上检测后退按钮，但它允许您在返回页面时执行代码，包括是否使用了后退按钮。

您可以将 cookie 设置为低寿命，这样它就不会长时间存在。

这不一定是最好的方法，但它是一种可能性。出于隐私原因，History API 故意不透露其中的内容。