How to detect click anywhere on the page by Typescript (Angular2) [duplicate]

Question

How to detect click anywhere on the page by Typescript? in AngularJS 2

On what page ? Every pages ?

YounesM
– YounesM

2017-04-05 14:56:53 +00:00
Commented Apr 5, 2017 at 14:56 — YounesM
– YounesM, Commented Apr 5, 2017 at 14:56
See also stackoverflow.com/questions/35527456/…

Günter Zöchbauer
– Günter Zöchbauer

2017-04-05 15:13:48 +00:00
Commented Apr 5, 2017 at 15:13 — Günter Zöchbauer
– Günter Zöchbauer, Commented Apr 5, 2017 at 15:13

adharris · Accepted Answer · 2017-04-05 14:59:26Z

20

You can scope a HostListener to the document.

import { Component, HostListener } from '@angular/core'    

class MyComponent {

    @HostListener('document:click', ['$event'])
    documentClick(event: MouseEvent) {
        // your click logic
    }
}

answered Apr 5, 2017 at 14:59

adharris

3,6711 gold badge23 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Nasim Mokhtar Over a year ago

thanks for the answer! I got error on documentClick. Any idea why?

Nasim Mokhtar Over a year ago

documentClick(event: MouseEvent) { this.show = false; this.changeDetectorRef.detectChanges(); }

adharris Over a year ago

What is the error you're getting?

Nasim Mokhtar Over a year ago

Cannot find name 'documentClick'

adharris Over a year ago

That error doesn't make sense to me; are you trying to call that function somewhere else?

|

Collectives™ on Stack Overflow

How to detect click anywhere on the page by Typescript (Angular2) [duplicate]

1 Answer 1

6 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Linked

Related