beforeunload对话框中的多个选项

时间:2013-07-23 14:57:31

标签: javascript onbeforeunload

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

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

我知道如何继续单独确认页面离开和保存,但我真的不想让用户两次出错。

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

1 个答案:

答案 0 :(得分:0)

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

另一种选择是锚定。锚定是指向页面中的对象添加函数时,如果它们点击后退按钮,转到新URL或关闭窗口,则此选项将不起作用。但是,让我们说他们点击了注销或你拥有的不同按钮,你可以创建一个自定义弹出窗口,它完全符合你的要求。