javascript - 有没有办法将处理程序绑定(bind)到浏览器历史记录后退按钮？

Question

这个问题已经有答案了:

Detect back button click in browser [duplicate] (6 个回答)

已关闭 9 年前。

例如，用户从example.com/home.html来到页面到页面example.com/checkout.html 。我想知道是否有一种方法可以将历史记录分配回类似 example.com/new_offers.html 的内容？

因此，当单击浏览器后退按钮时，而不是转到 home.html用户将被重定向到new_offers.html

我知道这可能听起来很尴尬，但这只是一个例子，我需要它的目的有点不同。另外，我需要仅使用 JavaScript 来完成此操作(无需服务器端)。

UPD:我发现询问是否可以将处理程序绑定(bind)到浏览器后退按钮(如(jQuery))会更清楚:

$(browser.backButton).click(function(e){ ... })

Answer 1

您可以转到new_offers，而不是从主页转到checkout页面，它会检查变量checked_out 。如果 checked_out 为 false，则将用户重定向到 checkout，并传递所有表单信息。如果 checked_out 为 true，则显示 new_offers 页面。checked_out 将在 checkout 页面设置为 true。

这样，如果用户在checkout页面点击返回，用户实际上会转到new_offers页面。

我不太喜欢这种设计，因为这意味着用户必须快速单击返回两次才能访问之前的网站，但它确实满足了您的目标。

换句话说，您当前的设计是这样做的:

首页 --> 结账

相反，请执行以下操作:

首页 --> new_offers --(重定向)--> 结帐

这样 new_offers 就会立即重定向到结帐，除非它看到用户已经结帐。