如何在angular中使用session-storage区分窗口关闭和窗口刷新

Question

Angular -我正在试图弄清楚如何区分浏览器窗口关闭或引用。在这两个选项中都触发了window:unload事件。我知道使用session-storage可以完成这项工作。我从来没有用过它--有人能举个例子吗？请看我当前的代码:当前正在使用：

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

Answer 1

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

因此，您可以这样设置页面加载时的会话存储：

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

上面的代码仅在您刷新时发出警报。