How can we detect when user closes browser?

by

You can listen to the unload or beforeunload events like this:

export class AppComponent {
  @HostListener('window:unload', [ '$event' ])
  unloadHandler(event) {
    // ...
  }

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

See also

More Related Contents:

  1. Convert Promise to Observable
  2. How to create cross-domain request?
  3. Angular CLI Error: The serve command requires to be run in an Angular project, but a project definition could not be found
  4. Angular CLI SASS options
  5. Angular2 validator which relies on multiple form fields
  6. Property ‘map’ does not exist on type ‘Observable’
  7. Angular HttpClient “Http failure during parsing”
  8. Angular 4 – Http to HttpClient – property ‘someproperty’ does not exist on type Object
  9. Want to upgrade project from Angular v5 to Angular v6
  10. Angular + Material – How to refresh a data source (mat-table)
  11. When to use FormGroup vs. FormArray?
  12. mat-form-field must contain a MatFormFieldControl
  13. DI with cyclic dependency with custom HTTP and ConfigService
  14. How to bind event listener for rendered elements in Angular 2?
  15. Dynamically load HTML template in angular2
  16. Property ‘controls’ does not exist on type ‘AbstractControl’ Angular 4 [duplicate]
  17. Angular 5 – Copy to clipboard
  18. Angular 4 checkbox change value
  19. Pre-bootstrap loading screen
  20. Cannot find name ‘require’ after upgrading to Angular4
  21. custom filter in mat-table
  22. How to globally set the preserveWhitespaces option in Angular to false?
  23. Best way to import Observable from rxjs
  24. What is the difference between formControlName and FormControl?
  25. How to make nested Observable calls in Angular2
  26. What is the lifecycle of a service in Angular 5
  27. Conditionally apply click event in Angular 4
  28. ::ng-deep going to be deprecated – Any alternatives?
  29. Firestore Error: The query requires an index
  30. Do we need to unsubscribe from observable that completes/errors-out?

Leave a Comment