javascript - 如何在后退按钮上停止导航

Question

我想在点击浏览器的后退按钮时停止导航

$(window).on('beforeunload', function(e){
    realTimePersonalizationTest(e);
});

function realTimePersonalizationTest(e) {
  event.preventDefault();
}

但是这段代码不起作用。它正在导航回上一页。

Answer 1

防止点击后退按钮导航听起来不对。
beforeunload 事件唯一可以做的就是返回一个字符串，以便在用户离开页面之前提示用户。

$(window).on('beforeunload', function(e){
    return "Are you sure? Please, don't leave.";
});

例如打开this JSFiddle demo并尝试关闭它。

出于安全原因，浏览器很可能不支持任何其他实现。后退按钮是“硬件”按钮，应该始终导航到上一页。

您可以使用重定向、 session 变量等在服务器端实现此限制。
但是，为什么需要禁用此行为？我坚信应该有另一种更一致、浏览器和用户友好的解决方案。