Los eventos son acciones que realiza el usuario, tales como hacer click sobre un enlace, cargar un documento, enviar un formulario, etc. Los scripts generados con Javascript están preparados para capturar determinadas acciones realizadas y realizar acciones como respuesta. De este modo se puede lograr la interactividad: controlamos los movimientos del usuario y respondemos a ellos.
A continuación una tabla con los eventos y una mínima explicación sobre cada uno de ellos:
| Evento |
A que afecta |
Cuando ocurre |
onAbort |
Imagenes |
Cuando la carga de una imagen es interrumpida. |
onBlur |
Ventanas, frames, objetos de formulario |
Cuando el cursor se mueve fuera de ese objeto. Por ejemplo, cuando el cursor abandona una caja de texto. |
onChange |
Input, select, y text areas |
Cuando el usuario cambia el valor de un elemento y éste pierde el foco. |
onClick |
Links, botones, objetos de formulario, imágenes, map areas |
Cuando un usuario hace click sobre un objeto. |
onDblClick |
Links, botones, objetos de formulario |
Cuando un usuario hace doble-click sobre un objeto. |
onDragDrop |
Ventanas |
Cuando un usuario arrastra un objeto. |
onError |
Código |
Cuando un error de código sucede- |
onFocus |
Ventanas, frames, objetos de formulario |
Cuando sobre un objeto se hace click y éste obtiene el foco. |
onKeyDown |
Documentos, imágenes, links, formularios |
Cuando una tecla es presionada. |
onKeyPress |
Documentos, imágenes, links, formularios |
Cuando una tecla es presionada y liberada. |
onKeyUp |
Documentos, imágenes, links, formularios |
Cuando una tecla es liberada. |
onLoad |
Body, framesets, imágenes |
Después de que el documento o imagen sea cargada. |
onMouseOut |
Links (e imágenes con links) |
Cuando el ratón se mueve fuera de un link. |
onMouseOver |
Links (e imágenes con links) |
Cuando el ratón se mueve sobre un link. |
onMove |
Windows |
Cuando la ventana del navegador se mueve . |
onReset |
El botón de reset de un formulario |
Cuando el botón de reset del formulario es presionado. |
onResize |
Ventanas |
Cuando la ventana del navegador cambia de tamaño.
|
onSelect |
Elementos de Formulario |
Cuando un elemento de formulario es seleccionado |
onSubmit |
Formularios |
Cuando enviamos un formulario. |
onUnload |
Body, framesets |
Después de que el documento o frameset sea cerrado o reseteado. |
Ejemplo 1
En este primer ejemplo vamos a ver el uso de onMouseOver y onMouseOut, que normalmente son usados para crear rollovers sobre imágenes.
onMouseOut
