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

Question

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

@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');
}

上面的代码只会在你刷新时提醒。