CODEWITHSUNDEEP
angularangular2-servicesangular2-directives
Ketan Akbari
Ketan Akbari

Reputation: 11287

Browser Close Event in angular4

How can i detect browser close event in angular 4.0.2

I have tried

  1. @HostListener('window:unload', ['$event']) unloadHandler(event) { ... }

  2. @HostListener('window:beforeunload', ['$event']) beforeunloadHandler(event) { ... }

But not properly working for me. Can anyone help me out. If i refresh page than also this event fires

Need Separate browser close event in angular2/4

Upvotes: 4

Views: 22599

Answers (1)

Rohan Fating
Rohan Fating

Reputation: 2133

You need to set $event.returnValue if you want close event popup

Inside component

    @HostListener('window:beforeunload', ['$event'])
     public beforeunloadHandler($event) {
     $event.returnValue = "Are you sure?";
    }

Upvotes: 2

Related Questions