如何在javascript或jquery中跟踪浏览器刷新/返回/选项卡关闭和浏览器关闭事件

Question

我正在使用 onbeforeunload 功能。 当任何人单击浏览器后退按钮、浏览器刷新按钮、浏览器选项卡关闭按钮和浏览器关闭按钮时，我想提醒不同的消息。那么我如何跟踪 onbeforeUnload 函数中的所有事件。

我的代码结构是这样的

<body  onbeforeunload="return closePage();">
<script type="text/javascript">    
function closePage() {
  if(back button click){
    alert("back button");
  } else if(refresh button click || f5){
    alert("refresh button click");
  } else if(browser tab close){
    alert("tab close");
  } else {
    alert("browser closed");
  }
}
</script>

有什么想法可以解决这个问题吗？ 非常感谢。

Answer 1

据我所知，你想要的东西是不可能的。 出于安全原因，大多数浏览器都不允许这些事情。

但是，您可以捕捉到一些东西。 就像f5键上的keydown 。 这样你就可以在“onbeforeunload”函数运行之前在那里做一些事情，如果你愿意的话。

但是，例如，您不能在“后退”按钮上绑定事件。 或者“ctrl+r”。

因此，恐怕您将不得不重新考虑您的选择，并采用其他解决方案。

Answer 2

非常感谢您的回复。但我找到了一些代码

 if(window.event){
               if (window.event.clientX < 40 && window.event.clientY < 0)
                 {
                    alert("Backbutton is clicked");
                 }
                 else
                 { 
                  return exitPage(); 
                }
            }
    else{

      if(event.currentTarget.performance.navigation.type == 2)
      {
          alert("Back button click in mozilla");
      }
      if(event.currentTarget.performance.navigation.type == 1)
      {
        return exitPage();
      }
}

使用此代码我可以跟踪后退按钮事件，但它只能在 IE 中工作

Answer 3

您可以在客户关闭选项卡之前做一些小事。 javascript 检测浏览器关闭选项卡/关闭浏览器，但如果您的操作列表很大并且选项卡在完成之前关闭，您将无能为力。 你可以试试，但根据我的经验，不要依赖它。

window.addEventListener("beforeunload", function (e) {
  var confirmationMessage = "\o/";
  /* Do you small action code here */
  (e || window.event).returnValue = confirmationMessage; //Gecko + IE
  return confirmationMessage;                            //Webkit, Safari, Chrome
});

https://developer.mozilla.org/en-US/docs/Web/Reference/Events/beforeunload?redirectlocale=en-US&redirectslug=DOM/Mozilla_event_reference/beforeunload

如何在javascript或jquery中跟踪浏览器刷新/返回/选项卡关闭和浏览器关闭事件

问题描述

3 个解决方案

解决方案1
1 已采纳 2014-09-24 08:20:24

解决方案2
0 2014-09-24 09:11:50

解决方案3
0 2015-12-10 12:29:59

如何在javascript或jquery中跟踪浏览器刷新/返回/选项卡关闭和浏览器关闭事件

问题描述

3 个解决方案

解决方案1 1 已采纳 2014-09-24 08:20:24

解决方案2 0 2014-09-24 09:11:50

解决方案3 0 2015-12-10 12:29:59

解决方案1
1 已采纳 2014-09-24 08:20:24

解决方案2
0 2014-09-24 09:11:50

解决方案3
0 2015-12-10 12:29:59