当单击浏览器的后退按钮时,重定向到特定的页面

redirecting to a specific page when clicking browser's back button

本文关键字:重定向 浏览器 单击 按钮      更新时间:2023-09-26

这是一个有点晦涩的问题,但就是这样:
我有一个网站,用户只能通过下一步和后退按钮从一页导航到另一页。也就是说,有一个用户必须遵循的向导。向导的一部分包含不同的页面,一部分包含相同的页面,但更改了div(但从用户体验来看是不同的页面)。
我想简单地将用户重定向到向导的第一页,每当他点击浏览器的后退按钮。
如果可能且简单,我更喜欢这样做,而不使用(另一个)插件。

谢谢。

阻止浏览器后退按钮的默认行为是不可能的——没有浏览器允许这样做,因为这会带来潜在的安全风险和糟糕的用户体验。

话虽如此,还是有一些技巧可以满足你的需求。
看看这个:检测URL中返回按钮/哈希值的变化

有很多方法,但由于你不想使用插件(我猜库也是),你可以使用浏览器的功能:

window.location

参考:https://developer.mozilla.org/en-US/docs/Web/API/Window/location

或者如果你想使用库,我建议使用page.js,因为它真的很容易使用:

例如:

page.redirect('/home')