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

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

后退按钮：

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

要刷新：

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

您可以尝试：

及

同时检查：

我创建了一个可重用的javascript类，它可以简单地 放入您的网页，当用户单击“上一步”时，它将 调用一个函数。此调用的默认函数是javascript “单击后退按钮”警报

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

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

bajb_backdetect.OnBack=函数（）
{
警报（“你点击了它！”）；
}

现在，这将“单击后退按钮”警报替换为“您” 单击它！“警报

查看此页：

---

使用

history.pushState

和

window.onpopstate

您可以使用以下事件：

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?';
};

---

popstate在向前和向后按钮按下时都会触发。

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

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