Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 窗口:在第5页刷新时执行beforeunload_Javascript_Angular_Angular5 - Fatal编程技术网

Javascript 窗口:在第5页刷新时执行beforeunload

Javascript 窗口:在第5页刷新时执行beforeunload,javascript,angular,angular5,Javascript,Angular,Angular5,我想在浏览器关闭或浏览器选项卡关闭时清除一些本地存储变量。 它的工作完全正常,但当我刷新页面时,它也会清除localstorage变量 因此,如何区分Angular-5中的页面刷新和浏览器关闭事件? 我的.ts文件代码 import { Renderer, OnInit, AfterViewInit,ElementRef,HostListener} from '@angular/core'; @HostListener('window:beforeunload', ['$event'])

我想在浏览器关闭或浏览器选项卡关闭时清除一些本地存储变量。 它的工作完全正常,但当我刷新页面时,它也会清除localstorage变量

因此,如何区分Angular-5中的页面刷新和浏览器关闭事件?

我的
.ts
文件代码

import { Renderer, OnInit, AfterViewInit,ElementRef,HostListener} from '@angular/core';

  @HostListener('window:beforeunload', ['$event'])
  beforeunloadHandler(event) {
    localStorage.removeItem('rememberMe');
  }

这看起来像是
会话存储
的合适用例

sessionStorage属性允许您访问当前源的会话存储对象。会话存储类似于Window.localStorage;唯一的区别是,虽然localStorage中存储的数据没有过期设置,但当页面会话结束时,sessionStorage中存储的数据将被清除。只要浏览器处于打开状态,页面会话就会持续,并且在页面重新加载和恢复过程中仍然有效。在新选项卡或窗口中打开页面将导致启动新会话,这与会话cookie的工作方式不同


非常感谢。我必须为它做一些工作,但是的,会话存储建议有效。