Web Browser Events in JavaScript - dummies

Web Browser Events in JavaScript

By Chris Minnick, Eva Holland

Part of JavaScript For Kids For Dummies Cheat Sheet

Web pages are much more than just static displays of text and graphics. JavaScript gives web pages interactivity and the ability to perform useful work. An important part of JavaScript’s ability to perform useful functions in the browser is its ability to respond to events.

Here is a list of common events that happen in web browsers that JavaScript can respond to.

Event Occurs When . . .
abort The loading of a file is aborted.
blur An element has gone out of focus. In other words, the element
is no longer the thing that the user is focusing on.
change An element’s value has changed since losing and regaining
focus.
click A mouse has been clicked on an element.
dbclick A mouse has been clicked twice on an element.
error A file failed to load.
focus An element has come into focus. In other words, the element is
what the user is currently focusing on.
input The value of an <input> or
<textarea> element is changed.
keydown A key is pressed down.
keyup A key is released after being pressed.
load A file and its attached files have finished loading.
mousedown A mouse button has been pressed down on an element.
mouseenter A mouse pointer is moved onto the element that has the listener
attached.
mouseleave A mouse pointer is moved off the element that has the listener
attached.
mousemove A mouse pointer is moved over an element.
mouseout A mouse pointer is moved off the element or one of its children
that has the listener attached.
mouseover A mouse pointer is moved onto the element or one of its
children that the listener is attached to.
mouseup A mouse button is released over an element.
mousewheel A wheel button of a mouse is rotated.
reset A form is reset.
resize The document has been resized.
scroll The document or an element has been scrolled.
select Text has been selected.
submit A form is submitted.