当前位置: 首页 > 知识库问答 >
问题:

检测浏览器关闭事件

微生慈
2023-03-14

我想捕获浏览器窗口/选项卡关闭事件。我尝试了以下方法,但不起作用:

<script type="text/javascript">
window.onbeforeunload = function(){ myUnloadEvent(); }
function myUnloadEvent() {
    alert ('Calling some alert messages here');
}
</script>
<body>
Body of the page goes here.
</body>

尝试了这些链接,但没有更多的成功。

JavaScript检查浏览器窗口何时关闭
如何捕获浏览器窗口关闭事件?
javascript检测浏览器关闭标签/关闭浏览器
尝试检测浏览器关闭事件

问题:

我只想检测浏览器关闭事件,并在不向用户显示提示的情况下对此进行一些处理。

我尝试过很多方法,通过jQuery或JavaScript检测浏览器关闭事件。但不幸的是,我没能成功。onbepreunload和onunload方法也不起作用。

任何帮助将高度赞赏。谢啦

共有2个答案

敖涵容
2023-03-14

您可以看到控制台在屏幕关闭前快速写入该行。

window.onbeforeunload = myUnloadEvent;
function myUnloadEvent() {
    console.log("Do your actions in here")
}

在卸载前不允许警报-如果您打开了保存日志,您将看到以下内容:

Blocked alert('Calling some alert messages here') during beforeunload.

但是如果您使用console.log命令,它将通过。

厉熠彤
2023-03-14

您不能在onbeForeunload上显示警报()。您需要返回以显示一个确认对话框

<script type="text/javascript">
window.onbeforeunload = function(e){  
  return 'Calling some alert messages here'; //return not alert
}
</script>
<body>
Body of the page goes here.
</body>

也不要像那样调用函数,直接在onbeforeunloadreturn myUnloadeEvent()中写入 这取决于您在卸载之前在中尝试执行的操作。尽量不要进行任何AJAX调用,因为浏览器可能不会运行脚本。您可以取消设置web存储变量、删除会话等。

还要注意,刷新页面时也会触发此事件。

 类似资料:
  • 问题内容: 我尝试了许多方法来通过jQuery或JavaScript检测浏览器关闭事件。但是,不幸的是,我无法检测到关闭。该和方法也没有工作。 如何检测的窗口,或事件? 问题答案: 您是否尝试过此代码? 第二个功能是可选的,以避免在单击和元素时提示。

  • 我尝试了许多方法通过jQuery或JavaScript检测浏览器关闭事件。但是,不幸的是,我一直未能检测到接近。和方法也不起作用。 如何在卸载前检测窗口、或

  • 问题内容: 是否有跨浏览器的JavaScript / jQuery代码来检测浏览器或浏览器选项卡是否已关闭,但不是由于单击链接而导致的? 问题答案: 如果我正确地理解了您,您想知道标签/窗口何时有效关闭。好吧,AFAIK 检测事件的唯一方法是&事件。 不幸的是(或幸运的是?),当您通过或浏览器的后退按钮离开网站时,也会触发这些事件。因此,这是我能给出的最佳答案,我认为您无法从本机检测Java 脚本

  • 问题内容: 您好,我要在关闭选项卡(不是浏览器)事件中查找信息,如果Java中有一个applet信息。我想知道是否有一个事件或一种检查该方法的方法。我只想捕获事件并创建一个小弹出框,说明您的会话将过期或类似的内容。使用Java或Javascript完全有可能吗? 更新:好的,你们向我指出的信息使我能够获得足够简单的JavaScript信息。现在它在IE,Chrome和Firefox中可以正常工作,

  • 问题内容: 嗨,我想知道如何在浏览器选项卡关闭时提示消息。我正在使用Reactjs。 这是我尝试添加到我的react组件中的内容。请指导我如何继续进行。 问题答案: 除了事件名称和警报将在该特定事件中阻止这一事实之外,您所做的都是正确的。 您可以显示如下消息: 希望这可以帮助。

  • 问题内容: 您如何确定用户是否按下浏览器中的“后退”按钮? 您如何使用系统在单页Web应用程序内强制使用页内后退按钮? 到底为什么浏览器后退按钮不触发自己的事件!? 问题答案: (注意:根据Sharky的反馈,我提供了用于检测退格的代码) 因此,我经常在SO上看到这些问题,并且最近遇到了我自己控制后退按钮功能的问题。在为我的应用程序寻找最佳解决方案(带哈希导航的单页)几天后,我提出了一个简单的,跨