Common Events List for `addEventListener`

Mouse Events

Event	Description
click	When the user clicks
dblclick	Double click
mouseover	When the cursor enters an element
mouseout	When the cursor leaves the element
mousemove	When the cursor moves over an element
mousedown	When a mouse button is pressed
mouseup	When a mouse button is released
contextmenu	Right mouse click

Event	Description
submit	When a form is submitted
change	When the value of an input/select changes
input	When typing (while typing)
focus	When an input receives focus
blur	When an input loses focus
reset	When a form is reset

Event	Description
load	When the page has finished loading
DOMContentLoaded	When the DOM is ready (before images)
resize	When the browser window changes size
scroll	When scrolling
beforeunload	Before the user closes or reloads the page
unload	When the page is closed

Event	Description
touchstart	When an element is touched
touchmove	When the finger moves on the screen
touchend	When the finger is lifted
orientationchange	Device orientation change

const button = document.getElementById('myButton');

button.addEventListener('click', () => {
  alert('Button clicked!');
});