JavaScript：当用户通过后退/前进按钮访问页面时，如何触发事件？

Question

StackOverflow 上有许多关于如何捕捉后退/前进按钮的话题，但这不是我想要做的。 我想在每次按下后退/前进按钮加载页面时触发一个方法。 所以不是在用户点击后退/前进的页面上，而是在用户点击后退/前进后到达的页面上。

我还尝试使用 Chrome 查看事件，但没有发现返回或前进到页面时触发的任何事件。

Answer 1

您可以使用https://developer.mozilla.org/en-US/docs/Web/API/Window/popstate_event

popstate 事件将通过执行浏览器操作触发，例如单击后退或前进按钮（或在 JavaScript 中调用 history.back() 或 history.forward()）。

首先，您可以保存用户导航到 localStorage 或 cookie 的信息，然后您可以在下一个页面加载事件中检查该 localStorage 条目或 cookie 是否存在。

如果它存在，用户已经使用后退/前进按钮导航到该页面，您可以做任何您需要做的事情，并清除 localStorage 条目/cookie。