html - 清除 popstate 事件的转发历史记录

Question

我正在开发一个应用程序，它使用通过

添加到历史记录中的 View

history.pushState() 函数

View 是表单中的不同步骤，用户可以在其中退回到之前的步骤并进行调整，但不能在不重新发布的情况下前进。

我通过监听 popstate 事件并在调用的函数中向后导航一步来实现向后导航

问题是，当 popstate 被调用时，由于显而易见的原因，浏览器中的历史记录变得可点击。但由于历史前进按钮也会触发 popstate 事件，因此单击历史前进的结果是您又导航了一步。

因为我不希望用户能够向前移动历史记录，所以我希望清除向前的历史记录。

所以我的问题基本上是，有没有办法在您浏览浏览器历史记录时删除转发历史记录？

Answer 1

检查用户是否从下一步(第 2 步)返回，例如，您可以使用 cookie 或 localStorage 执行此操作。如果他对当前位置执行 pushState(步骤 1)。不幸的是，它会在历史列表中为后退按钮添加另一个位置，但它也会禁用历史前进按钮。第 2 步不会出现在历史返回列表中。它并不完美，但也许已经足够好了。