Eventos

Eventos

Los eventos son acciones que realiza la persona que visita la página web. Los eventos son los siguientes.

Nombre	Manejador	Descripción
Abort	onAbort	El usuario detiene la descarga de una imagen o documento
Blur	onBlur	Un elemento de un formulario deja de estar seleccionado o activado
Change	onChange	Un elemento de un formulario cambia de contenido
Click	onClick	El usuario hace click con el mouse sobre un formulario, una imagen, un link o cualquier elemento
dblclick	onDblClick	Lo mismo que con el evento Click solo que aquí es doble click
dragdrop	onDragDrop	El usario suelta un objeto sobre la página, se realiza con la acción de arrastrar y soltar
error	onError	Sucede un error en la transferencia del archivo o imagen
focus	onFocus	Un elemento recibe el foco por parte del usuario
keydown	onKeyDown	El usuario presiona una tecla, el evento se activa cuando la tecla llega abajo
keypress	onKeypress	El usuario presiona una tecla
keyup	onKeyUp	El usuario suelta la tecla que tenía presionada
load	onLoad	La página termina de cargarse completamente
mousedown	onMouseDown	EL botón del mouse llega hasta abajo cuando es presionado
mousemove	onMouseMove	El usuario mueve el cursor
mouseout	onMouseOut	El usuario quita el cursor de un elemento
mouseover	onmouseOver	El cursor está sobre un elemento
mouseup	onMouseUp	El usuario suelta el botón del mouse
reset	onReset	El usuario da click en el botón de reset (reestablecer) de un formulario
resize	onResize	El usuario cambia el tamaño de la ventana
select	onSelect	El usuario selecciona un texto dentro de un cuadro de texto
submit	onSubmit	Un formulario es enviado
unload	onUnload	El usuario sale del documento

Da click en cualquiera de estos eventos para mostrate una descripción mayor y un ejemplo.

Para establecer el tipo de acción se pone el nombre del manejador más un signo de igual (=) y despues el nombre de la función entre comillas (" "), ejemplo:

Ejemplo:
Link de prueba

El evento de pasar el mouse sobre el botón es llamado con el manejador onmouseover puedes poner todos los manejadores que desees. Si quieres que se activen dos funciones separa el nombre de ellas con una coma y pon las dos entre comilllas como si se tratasen de una sola.
Otra forma es escribir el nombre del elemento seguido de un punto e inmediatamente después el nombre del manejador, posteriormente un signo de igual y por último el nombre de la función sin parentesis ni comillas. Ejemplo:

document.onload = aviso

Existen otros eventos pero no han sido probados para Netscape y solo funcionan en Internet Explorer 5.0 y superior.

Segunda parte>> Tercera parte >>

Regresar a Tutorial