如何在导航到另一个页面但不刷新时清除sessionStorage？

Question

我的一个网页上有一些复选框，此页面必须每1分钟刷新一次数据一致性问题。

我使用window.sessionStoage来保留已经检查过的复选框，这样用户就不会丢失已经在页面刷新时检查过的框。

但是我希望在用户离开该页面时清除sessionStorage （ 不一定离开我的网站，可能会转到同一网站上的另一个页面 ），如果我使用onunload事件，那么存储将被清除如果刷新也。

是否有任何其他事件或任何解决方法可以帮助我实现这一目标。

Answer 1

对于您的特定案例窗口事件可以派上用场。 因此，您可以对模糊和焦点事件做出反应，因此离开浏览器选项卡将导致blur事件。

$(window).blur(function(){
  //clear session
});

$(window).focus(function(){
  //maybe some code to re-init session data
});

Answer 2

您可以尝试在会话存储和页面的每个初始化中保存当前页面的路径/名称，检查页面名称是否等于会话存储中的名称。 如果没有，你可以清除它。