Javascript 窗口:在第5页刷新时执行beforeunload
我想在浏览器关闭或浏览器选项卡关闭时清除一些本地存储变量。 它的工作完全正常,但当我刷新页面时,它也会清除localstorage变量 因此,如何区分Angular-5中的页面刷新和浏览器关闭事件? 我的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'])
.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的工作方式不同
非常感谢。我必须为它做一些工作,但是的,会话存储建议有效。