What is Mouse Event

Methods:

onclick() // user clicks on element
ondblclick() // user double clicks on element
onmousedown() // mouse button is pressed over an element
onmouseup() // mouse button is released over an element
onmouseenter() // pointer is moved onto an element
onmouseleave() // pointer leaves outside of an element
onmousemove() // pointer is moving over an element
onmouseover() // pointer is moved over an element

Usage:

// html
<button onclick="myFunction()">Click me</button>

// react
<button onClick={(e) => {
  // e.preventDefault();

  myFunction()
}}>
  Click me
</button>