Events through ()

Source: https://blog.bitsrc.io/event-binding-mechanism-in-angular-b38f0e46d2ed

In Angular, we can register and capture an event from an element by wrapping the event in a () parenthesis.

We can bind most of the common events in the DOM:

(focus)="focusCallback()"  
(blur)="blurCallback()"

(submit)="submitCallback()" 

(scroll)="scrollCallback()"

(cut)="cutCallback()"
(copy)="copyCallback()"
(paste)="pasteCallback()"

(keydown)="keydownCallback()"
(keypress)="keypressCallback()"
(keyup)="keyupCallback()"

(mouseenter)="mouseenterCallback()"
(mousedown)="mousedownCallback()"
(mouseup)="mouseupCallback()"

(click)="clickCallback()"
(dblclick)="dblclickCallback()"

(drag)="dragCallback()"
(dragover)="dragoverCallback()"
(drop)="dropCallback()"