执行地址栏中的新URL之前保存工作

Question

我有一个网页，人们可以去设计东西，让我们说家具布局。页面上有一些按钮可以保存工作，但如果有人上去并在地址栏中添加新的URL，我就没有任何保护。然后浏览器（例如Chrome 34.0）抛出所有当前工作并加载新页面。如何强制Chrome在新标签页中打开新网址，或至少从当前页面退出，以便我可以为用户保存工作？

由于

Answer 1

您可以创建一个javascript弹出窗口，该弹出窗口在用户使用此行修改工作时运行：

window.onbeforeunload = function(){ return 'All unsaved Work will be lost.' }

弹出窗口看起来像这样

Confirm Navigation

All unsaved Work will be lost.

Press OK to continue, or Cancel to stay on the current page.

使用此行可防止用户保存后弹出：

window.onbeforeunload = null;