iframe - 当 iframe 启动文件上传并且父页面已使用 html5-history API 路由时，如何防止浏览器出现“后退按钮”？

Question

我在父页面（.net C# 页面）中有一个 iframe（使用 vuejs 实现）。iframe 具有文件上传功能，用户可以在上传过程中按返回按钮（或刷新）。父页面已实现 html5-history API。

我的目标是防止浏览器在用户操作时返回（显示警报弹出窗口 - 由 beforeunload 事件生成）

详细信息：刷新按预期工作，因为这会发出 beforeunload 事件。但后退按钮不会发出 beforeunload 事件。（因为没有直接打开页面，而是使用了pushState。）

我希望当上传被浏览器后退按钮中断时，用户可以通过某种方式“不离开”页面。（现在发生了什么？）但是用户可以返回并且上传被中止而没有任何警报。

标签： iframevuejs2onbeforeunloadpushstatehtml5-history