DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

Rahul Raveendran
Rahul Raveendran

Posted on • Updated on

Angular Mouse Events

Angular has a total of 9 mouse events.

1. Click

click-gif

Click event occurs when the user clicks the click applied element. click event triggers the function attached to the click.

2. dblclick

hover-gif

Triggers when user double-click the dblclick applied element.

3. Mouseover

hover-gif

Triggers when the cursor is over the mouseover applied element (like hover).

4. Mouseenter

hover-gif

Triggers when the mouse pointer is moved onto the mouseenter applied element.

5. Mouseleave

hover-gif

Triggers when the mouse pointer leaves the mouseleave applied element.

6. Mousedown

hover-gif

Triggers when the user presses the mouse button over the mousedown applied element.

7. Mouseup

hover-gif

Triggers when the user releases the mouse button over the mouseup applied element.

8. Drag

hover-gif

Triggers when the user drag the drag applied element.

8. Dragover

hover-gif

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

Top comments (1)

Collapse
 
canbax profile image
yusuf

what about the event arguments such as location of click etc ...

Speaking tips for shy people

How to speak at conferences when you’re scared of public speaking

In 2022, I did something I never thought I would do – stand on a stage and speak to a large audience. Most notably, I delivered part of the keynote at GitHub Universe, GitHub's annual conference.