如何在 Angular 中监听浏览器的关闭事件？
夏娃大人
我正在尝试制作一个为用户提供考试的网络。每个人只有 15 分钟的时间来回答问题。当用户用完时间时，系统会将结果提交给服务器。但是如果用户关闭浏览器，则不会发生任何事情。那么，如何在 Angular 中监听浏览器的关闭事件。
第2部分
我想在用户关闭浏览器或刷新网页时提交结果。Ketan Akbari 的回答帮助了我。但是还有一个问题。当我刷新网页时，我发现系统没有提交结果。然后我打开萤火虫检查网络并比较刷新和手动之间的差异。
暗的是手动，亮的是刷新。我猜刷新事件停止提交操作？
凯坦·阿克巴里
您可以使用：
Javascript：
window.onbeforeunload = function (e) {
};
角度（打字稿）
@HostListener('window:beforeunload', ['$event'])
beforeunloadHandler(event): void {
// do whatever....
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何处理Angular中的浏览器选项卡关闭事件？仅关闭，不刷新
- 2
如何在事件监听器中关闭打开的InfoBubble？
- 3
如何在AngularJS中关闭浏览器窗口
- 4
如何在Phonegap中关闭本机浏览器
- 5
如何在Safari浏览器中打开/关闭Java？
- 6
如何在JavaScript或jquery中跟踪浏览器刷新/返回/标签关闭和浏览器关闭事件
- 7
如何在Angular中基于浏览器语言应用SCSS？
- 8
angular 6 中的浏览器选项卡关闭事件仅适用于调试模式
- 9
如何在服务 Angular 中监听路由？
- 10
如何使用Angular检测浏览器？
- 11
如何在React中拦截浏览器导航并提示用户（包括浏览器导航和Tab关闭）？
- 12
如何关闭Google Chrome浏览器中的动画？
- 13
在MVC中关闭浏览器时如何注销用户？
- 14
如何在Angular 2中关闭模态？
- 15
如何在Codeigniter 3中关闭浏览器以销毁会话
- 16
如何在解决承诺之前阻止浏览器窗口在AngularJS中关闭
- 17
如何在关闭Web浏览器时弹出消息
- 18
如何在关闭Web浏览器时弹出消息
- 19
如何在浏览器中使用捆绑的Angular 2应用程序？
- 20
如何在没有浏览器同步的情况下提供angular2应用
- 21
如何在Angular中重置更改事件
- 22
在 Angular 1.5 中刷新浏览器时如何保留相同的页面？
- 23
如何停止在浏览器中缓存 Angular 应用程序（旧版本）
- 24
检测浏览器关闭事件时如何显示自定义弹出窗口？
- 25
如何识别浏览器元素[XUL / firefox]的标签关闭事件
- 26
如何关闭所有浏览器？
- 27
如何确定何时关闭浏览器？
- 28
如何关闭浏览器标签
- 29
如何在事件监听器中重定向500？
我来说两句