How to get mouseup outside of the component in Angular 2

Question

I have a abc component (part of the page). It has an event mouseup.

@Component({
    selector: \'abc-component\'
})
@View({
    


        
      

Answer 1

A component can access events through the window and document objects. So you could set up an event listener in the component's constructor:

constructor() {
  document.body.addEventListener("mouseup", () => { 
    this.mouseup(); 
  });
}