jquery - 当用户点击浏览器后退按钮时提醒用户 - 有充分的理由

Question

我知道这属于这里的禁忌，请不要回复“你不应该这样做”等。

我在向导中有一个很长的表单，一些用户太习惯于使用浏览器的后退和前进按钮，他们使用这些按钮而不是表单向导上的“后退”和“下一步”按钮。如果他们点击浏览器的后退按钮，他们将丢失所有的表单数据（这很麻烦，因为表单太长了）。

是否可以显示一个警报，什么时候会有一个“带我离开这里”按钮和一个“取消”按钮，所以如果他们点击取消，它将取消后退按钮的功能？

score 8 · Accepted Answer

您应该从onbeforeunload事件中返回一条消息，如下所示：

window.onbeforeunload = function() {
    return "Leaving this page will reset the wizard";
};

请注意，当用户出于任何原因离开页面时，即使在您的向导完成之后，也会触发此事件。
您应该在向导完成时设置一个标志并且不返回消息。

score 1 · Accepted Answer

您可以使用 jQuery BBQ 插件重写下一个/上一个按钮的功能，使其在整个“向导”中的过渡更加流畅

虽然设置起来有点复杂，但如果您正在寻找相同的功能，请查看提供的示例。

您可能必须重构代码以适应这种情况，这将花费数小时。

2 回答 2