如何防止浏览器‘;后退按钮&x2019;当iframe启动文件上传并且父页面已使用html5历史API路由时?

如何防止浏览器‘;后退按钮&x2019;当iframe启动文件上传并且父页面已使用html5历史API路由时?,iframe,vuejs2,onbeforeunload,pushstate,html5-history,Iframe,Vuejs2,Onbeforeunload,Pushstate,Html5 History,我在父页面(一个.NETC#页面)中有一个iframe(使用vuejs实现)。 iframe具有文件上传功能,用户可以在上传过程中按后退按钮(或刷新)。父页面已经实现了html5历史API 我的目标是防止浏览器在用户操作时返回(显示警报弹出窗口-由beforeunload事件生成) 详细信息:刷新按预期工作,因为这会在卸载事件之前发出。 但“后退”按钮不会发出beforeunload事件。(因为页面未直接打开,所以使用了pushState。) 我希望当上传被浏览器的“后退”按钮中断时,用户可以通

我在父页面(一个.NETC#页面)中有一个iframe(使用vuejs实现)。 iframe具有文件上传功能,用户可以在上传过程中按后退按钮(或刷新)。父页面已经实现了html5历史API

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

详细信息:刷新按预期工作,因为这会在卸载事件之前发出。 但“后退”按钮不会发出beforeunload事件。(因为页面未直接打开,所以使用了pushState。)


希望当上传被浏览器的“后退”按钮中断时,用户可以通过某种方式“不离开”页面。(现在发生了什么?但用户可以返回,上传被中止而不发出任何警报。

如果我正确理解您的问题,这似乎适用:谢谢@djhallx,是的,这与我找到的解决方案相同。我不明白。。。它解决了吗?@filipe是的,它解决了。如果我正确理解你的问题,这似乎适用:谢谢@djhallx,是的,这是我找到的同一个解决方案。我不明白。。。解决了吗?@filipe是的,解决了。