Logout all tab for same user

Prakash

Hello Experts,

when i am click on logout button in one tab it should be logout all open tab for same user in same browser in angular 7.

I am tried using localstorage below is code but in that case i m getting event on second tab. but i am not able to use same componet method in window.addEventListener.

even i tried document.addEventListener but it is not working.

storageChange() {

localStorage.setItem('logout-event', 'logout' + Math.random());

}

window.addEventListener('storage', function (event) {

// do what you want on logout-event

if (event.key == 'logout-event') {

console.log('Received logout event! Insert logout script here.');

this.localStorage.clear();

this.sessionStorage.clear();

console.log('Received logout event! after clear storage');

}

});

please help me is there any other solution for same.

Thank you

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Prakash7y ago
HI Bidyasagar,
Thanks for your solution it is fine but under window.addEventListener method i am not able to access component method or any variable.Please help me
window.addEventListener(){
// this.logout() -------- this method i am not able to access here
}
Bidyasagar Mishra7y ago
please try the following code
// listen to storage event
window.addEventListener('storage', function(event){
    // do what you want on logout-event
    if (event.key == 'logout-event') {
      $('#console').html('Received logout event! Insert logout script here.');
      // window.location = "logout.php";
    }
}, false);

$(document).ready(function(){
  if(lsTest()) {
    $('#logout').on('click', function(){
      // change logout-event and therefore send an event
      localStorage.setItem('logout-event', 'logout' + Math.random());
      return true;
    });
  } else {
     // setInterval or setTimeout
  }
});
Nilesh Sawardekar7y ago
this may help you,

https://stackoverflow.com/questions/42111784/how-user-will-logout-from-all-open-tabs-automatically-when-user-logs-out-in-one