如何处理浏览历史记录？

Question

在我的Web应用程序中，人们一旦单击了触发（引导）MODAL的按钮，历史记录就不会更改，因此某些用户单击了BROWSER的BACK按钮（以考虑关闭模式或返回主页） ），但它们脱离了我的应用，而没有关闭模式。所以我在想这样的事情：

1. 当用户位于主页上时，我使用带有以下参数的URL设置历史记录的URL：store，以便下次检查时可以关闭所有模式。

var stateObj = { foo: "bar" };
history.pushState(stateObj, "1", "/?action=store");

1. 当人点击触发模态的按钮时，我将状态更改为模态

var stateObj = { foo: "bar" };
history.pushState(stateObj, "2", "/?action=modal");

这样，我想打开模式，如果有人按下“返回”按钮，历史记录必须找到action = store并关闭模式。它可以工作，但是当我单击“后退”按钮时，URL会更改，但不会刷新或导航到它。

我该怎么做？ * PS。代码块不起作用，请作为代码对其进行编辑。