как различить закрытие окна и обновление окна в угловом режиме, используя сессионное хранилище

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

Приведенный выше код будет предупреждать только при обновлении.