javascript - clear token when browser is closed in angular 2 - Stack Overflow

admin管理员组

文章数量:1353179

In Angular 2 application we store the token in local storage, now i want to clear the token on browser closing when user not check the remember me option during login. i did it through unload browser event but problem with that event is not fire when user close the browser from task manager in window.

In Angular 2 application we store the token in local storage, now i want to clear the token on browser closing when user not check the remember me option during login. i did it through unload browser event but problem with that event is not fire when user close the browser from task manager in window.

• javascript
• angular

Share Improve this question Follow edited May 19, 2017 at 13:53 bangash asked May 19, 2017 at 12:45 bangashbangash 41811 gold badge55 silver badges1212 bronze badges 1

• i already implement 'window:beforeunload' but this event is not fire when we close the browser from task manager , – bangash Commented May 19, 2017 at 13:51

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 6

The following should acplish this...

import { Component, HostListener } from "@angular/core";

@Component({
    selector: 'app-root',
    templateUrl:"./app/app.ponent.html"
})

export class AppComponent {
    @HostListener("window:onbeforeunload",["$event"])
    clearLocalStorage(event){
        localStorage.clear();
    }
}

Note : onBeforeUnload is executing on browser close event

You can use the window.beforeunload event to clear the local storage.

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

Alternatively you can store your information in session storage which is practically the same as local storage except the data gets cleared when the tab is closed.

The below code only remove token on close and not when the page refreshed

 @HostListener('window:unload', ['$event'])
  async unloadHandler(event) {
    if (event.currentTarget.performance.navigation.type !== PerformanceNavigation.TYPE_RELOAD) {
      localStorage.clear();
    }
  }

本文标签： javascriptclear token when browser is closed in angular 2Stack Overflow