如何使用会话存储以角度区分窗口关闭和窗口刷新

Posted 2021-04-28

角度-我试图弄清楚如何区分浏览器窗口是关闭还是引用。两个选项均触发window：unload事件。我了解使用会话存储可以完成这项工作。我从未使用过它-有人可以提供示例吗？查看我当前的代码：当前正在使用：

@HostListener('window:unload', [ '$event' ])
unloadHandler(event) {
 //That's triggered on both refresh and close browser window
 }

答案

您确实可以使用会话存储。这里的技巧是，当选项卡或窗口关闭时，将清除会话存储。

因此，您可以做的是在页面加载时设置会话存储，如下所示：

if (!sessionStorage.getItem('isVisited')) {
  sessionStorage.setItem('isVisited', true);
} else {
  alert('Visited already');
}

以上代码仅在刷新时发出警报。