Angular has a total of 9 mouse events.

1. Click

The click event occurs when the user clicks on the element to which it is applied. This event triggers the function that is attached to the click.

2. dblclick

The dblclick event is triggered when the user double-clicks on the element to which it is applied.

3. Mouseover

The mouseover event is triggered when the cursor is over the element to which it is applied, similar to the hover effect.

4. Mouseenter

The mouseenter event is triggered when the mouse pointer is moved onto the element to which it is applied..

5. Mouseleave

The mouseleave event is triggered when the mouse pointer leaves the element to which it is applied.

6. Mousedown

The mousedown event is triggered when the user presses the mouse button over the element to which it is applied..

7. Mouseup

The mouseup event is triggered when the user releases the mouse button over the element to which it is applied..

8. Drag

The drag event is triggered when the user starts dragging the element to which it is applied..

8. Dragover

Triggers every time an item is dragged over dragover applied element.