我们可以检测浏览器刷新和后退按钮事件吗?

时间:2016-01-12 05:52:03

标签: javascript jquery

任何人都知道如何使用jquery或javascript在firefox中检测浏览器刷新和后退按钮事件。

4 个答案:

答案 0 :(得分:2)

对于后退按钮:

window.addEventListener('popstate', function (event) {
//Your code here
});

对于刷新:

window.onbeforeunload = function () {
 // Your code here
}

答案 1 :(得分:2)

您可以尝试WindowEventHandlers.onbeforeunload

window.onbeforeunload = function(e) {

};

$(window).unload(function() {
      //
});

同时检查Browser Back Button Detection

  

我已经制作了一个非常可重复使用的javascript类,可以很简单   放入您的网页,当用户点击回来时,它会   叫一个功能。此调用的默认函数是javascript   警告“后退按钮单击”。

     

要替换此功能,您只需覆盖OnBack即可   功能。这可以通过使用下面的代码来完成。

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

现在,这将取代“后退按钮单击”警报,并添加“你   点击它!'“警报。

答案 2 :(得分:1)

查看此页面:Manipulating the browser history

您可能会使用history.pushStatewindow.onpopstate

答案 3 :(得分:0)

您可以使用以下事件:

window.onpopstate(按后退按钮)。

window.onpopstate = (e) => {
  // your logic goes here
};

window.onbeforeunload刷新或关闭标签页。

window.onbeforeunload = (e) => {
  // your logic here
  e.preventDefault();
  e.returnValue = 'There are unsaved changes. Sure you want to leave?';
};