当用户单击后退按钮时，如何显示 Vaadin 23 的确认对话框？答案

【问题标题】：How can I show a confirm dialog with Vaadin 23 when the user clicks on back button?当用户单击后退按钮时，如何显示 Vaadin 23 的确认对话框？
【发布时间】：2023-01-11 06:44:25
【问题描述】：

当用户单击浏览器上的后退按钮时，如何使用 Vaadin 23 显示一个对话框以保留或离开当前页面？

问候

【问题讨论】：

标签： java vaadin back-button

【解决方案1】：

你根本不能那样做。如果禁用后退按钮对您很重要，唯一的方法是强制您的用户通过桌面快捷方式使用该应用程序，该快捷方式使用 --app 参数启动应用程序（如果使用 Chrome）。这不是 Vaadin 中的限制，而是浏览器行为的一般限制。

【讨论】：

【解决方案2】：

这取决于你想要达到的目标。

请参阅这个较早的讨论：Vaadin onbeforeunload event

通常：为此使用 onBeforeUnload javascript https://www.w3schools.com/tags/ev_onbeforeunload.asp

当用户离开您的 vaadin 应用程序时执行此操作，但不会在您的 vaadin 应用程序内使用后退按钮时执行。

对于这些，您可以使用此处记录的导航生命周期事件 https://vaadin.com/docs/latest/routing/lifecycle

当用户离开您的应用程序时，不确定它是否也会被捕获...

【讨论】：