# JavaScript mouse events

## Mouse Events

Any change in the state of an object is referred to as an Event. With the help of JS, you can handle events, i.e., how any specific HTML tag will work when the user does something.



 #### ● click
Fired when an element is clicked

```
element.addEventListener('click', ()=>{
//Code to be executed.. 
});

```

#### ● oncontextmenu
Fired when an element is right-clicked

```
element.addEventListener('contextmenu', ()=>{
// Code to be executed..
});

```


#### ● dblclick
Fired when an element is double-clicked

```
element.addEventListener('dblclick', ()=>{
/*Code to be executed..*/
});

```

  #### ● mouseenter
Fired when an element is entered by the mouse arrow

 ```
element.addEventListener('mouseenter', ()=>{
/*Code to be executed*/
});

```

#### ● mouseleave
Fired when an element is exited by the mouse arrow

   ```
element.addEventListener('mouseleave', ()=>{
/* Code to be executed when  the event is fired*/
});
```

 #### ● mousemove
Fired when the mouse is moved inside the element

 ```
element.addEventListener('mousemove', ()=>{
/*Code to be executed when the event is fired*/
});

```