使用Angular6我只想在单击浏览器选项卡/浏览器关闭按钮而不是页面刷新时调用Logout（）函数

Question

I have a requirement in my app where i want to call Logout() function only when browser tab / browser close button is clicked using angular6.

Not when page navigation, page refresh.

I have used onbefeunload and onunload. but it is not working properly.

Thanks in Advance.

Answer 1

What you're looking for is the window:unload event.

export class AppComponent {
    @HostListener('window:unload', [ '$event' ])
    unloadHandler(event) {
       // Runs whenever the user closes tab or browser
    }

Keep in mind that there's certain restrictions in what kind of code you can run during this event. One example is an alert box -- this will never be shown when the tab is closed.

Answer 2

You have to implement window unload method conditionally something like,

 window.onbeforeunload = function (e) { e = e || window.event; var y = e.pageY || e.clientY; if (y < 0) { console.log("Here you have to call logout."); } }