JavaScript HTML DOM Events Examples

❮ Previous Next ❯

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 onkeyup - When the user releases a key 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

❮ Previous Next ❯

Copyright 1999-2023 by Refsnes Data. All Rights Reserved.