javascript - 卸载前对话框中的多项选择

Question

我创建了一个页面，用户可以在其中编辑数据。我在这里想要的基本上是一个带有 3 个选项的确认对话框，当页面被卸载并且仍然有未保存的数据时：

• 是 - 离开页面并保存
• 否 - 离开页面并且不保存
• 取消 - 留在页面上，不保存

我知道我将如何继续确认页面离开和分别保存，但我真的不想让用户犯两次错误。

我不确定这是否可能，因为似乎有必要更改浏览器的“你想离开”对话。有没有解决的办法？也欢迎任何其他解决方案。

Answer 1

onbeforeunload 方法不允许您编辑将显示的按钮。它甚至不允许您摆脱默认文本，但您可以向其中添加一些文本。我建议你做的只是让用户知道有未保存的数据，如果用户继续，那么它将丢失。

另一种选择是锚定。锚定是当您向页面中的对象添加功能时，因此如果他们点击后退按钮、转到新 URL 或关闭窗口，此选项将不起作用。但是，假设他们点击了注销或您拥有的其他按钮，您可以创建一个自定义弹出窗口，该弹出窗口完全符合您的要求。