How to disable the right mouse button event in Angular 7?

Question

I am trying to disable that menu that appears on the page when the user clicks with the right mouse button.

At Angular, I can catch the click event using (click)="onRightClick($event), but I only get the "Left Click" on $event.

Remembering that if I do HostListener('click') myClick(){ } is the same thing as (click)="myClick()

I searched the Angular and the @Hostlistener and I couldn’t find a solution.

Link to the @Hostlistener documentation: Angular - Hostlistener

This is the code where I take the click event, but it only takes the Left Click, when it is the Right Click, the code is not triggered.

@HostListener('click', ['$event'])
  onClick(event) {
    console.log(event);
  }

Answer 1

The (click) as well as the parameter 'click' in @HostListener will execute as addEventListner, click event works even only with left click, if you want to make more iterations with mouse you should use mousedown, example:

@HostListener('mousedown', ['$event'])
teste(event: MouseEvent)
{
    switch (event.button) {
        case 1:
            console.log('Botão esquerdo do mouse! ');
            break;
        case 2:
            console.log('Botão direito do mouse! ');
            break;
        default:
            console.log('Outro botão de mouse (click no scroll, mouse gamer, etc)');
    }
}