Examples of using JavaScript to react to events
Input Events
onblur - When a user leaves an input field onchange - When a user changes the content of an input field onchange - When a user selects a dropdown value onfocus - When an input field gets focus onselect - When input text is selected onsubmit - When a user clicks the submit button onreset - When a user clicks the reset button onkeydown - When a user is pressing/holding down a key onkeypress - When a user is pressing/holding down a key onkeyup - when the user releases a key (1) onkeyup - When the user releases a key (2) onkeydown vs onkeyup - Both
Mouse Events
onmouseover/onmouseout - When the mouse passes over an element onmousedown/onmouseup - When pressing/releasing a mouse button onmousedown - When mouse is clicked: Alert which element onmousedown - When mouse is clicked: Alert which button onmousemove/onmouseout - When moving the mouse pointer over/out of an image onmouseover/onmouseout - When moving the mouse over/out of an image onmouseover an image map
Click Events
Acting to the onclick event onclick - When button is clicked ondblclick - When a text is double-clicked
Load Events
onload - When the page has been loaded onload - When an image has been loaded onerror - When an error occurs when loading an image onunload - When the browser closes the document onresize - When the browser window is resized
Others
What is the keycode of the key pressed? What are the coordinates of the cursor? What are the coordinates of the cursor, relative to the screen? Was the shift key pressed? Which event type occurred?
Examples explained