Anthony Maximus

The Javascript Cheat Sheet

Events

Events that happen when the user does stuff like mouse over an element



Event Triggers When...
click An element is clicked.
dblclick An element is double-clicked.
mouseover Mouse enters an element.
mouseout Mouse leaves an element.
mouseenter Mouse enters an element (doesn’t bubble up like mouseover).
mouseleave Mouse leaves an element (doesn’t bubble up like mouseout).
mousemove Mouse moves inside an element.
mousedown Mouse button is pressed down.
mouseup Mouse button is released.
keydown Any key is pressed.
keyup A key is released.
keypress* A key is pressed down and produces a character (deprecated, use keydown).
focus An element (like an input field) gains focus.
blur An element loses focus.
change The value of an <input>, <select>, or <textarea> changes.
input An input field value changes (fires instantly, unlike change).
submit A form is submitted.
reset A form is reset.
scroll The page or an element is scrolled.
resize The window is resized.
load The page or an element (like an image) finishes loading.
unload The page is about to be closed.
contextmenu Right-click context menu is opened.
dragstart A draggable element starts being dragged.
dragover A dragged element is over a valid drop target.
drop A dragged element is dropped.