如何使用 jquery 检测页面刷新? [英] How do I detect a page refresh using jquery?

问题描述

如何捕获页面重新加载事件?

How might I capture the page reload event?

我有一个消息系统，当用户刷新页面时，它会丢失所有输入.我想使用 ajax 重新填充，因此我需要检测页面何时刷新/重新加载.

I have a messaging system which loses all its input when the user refreshes the page. I want to use ajax to re-populate, hence my need to detect when the page has been refreshed/reloaded.

推荐答案

$('body').bind('beforeunload',function(){
   //do something
});

但这不会为以后保存任何信息，除非您打算将其保存在某个地方(或本地存储)的 cookie 中，并且 unload 事件并不总是在所有浏览器中触发.

But this wont save any info for later, unless you were planning on saving that in a cookie somewhere (or local storage) and the unload event does not always fire in all browsers.

示例:http://jsfiddle.net/maniator/qpK7Y/

代码:

$(window).bind('beforeunload',function(){

     //save info somewhere

    return 'are you sure you want to leave?';

});

这篇关于如何使用 jquery 检测页面刷新?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！