manejo de eventos javascript

Manejo de Eventos
Las aplicaciones JavaScript en el cliente son orientadas al evento. Los eventos son acciones que ocurren usualmente como resultado a algo que hizo el usuario. Por ejemplo haciendo Click en un botón, cambiando un campo de texto, moviendo el mouse sobre un link, etc. Para que la aplicación responda a un evento, se debe definir los manejadores de eventos, tales como onChange yonClick.
JavaScript soporta los eventos resumidos en la tabla siguiente:
Evento
Aplicado a
Ocurre Cuando
Manejador
Abort
images
Usuario aborta la carga de una imagen
onAbort
Blur
window y todos los elementos de un formulario
Usuario deselecciona la ventana o el formulario
onBlur
Change
textfield, textarea, lista de seleccion
Usuario cambio valores de los elementos
onChange
Clickbotones, radio button, checkbox, submit button, reset button, links
Usuario hace click sobre un elemento de un formulario o en un link
onClick
DragDrop
ventanas
Usuario deja un objeto en la ventana del browser.
onDragDrop
Error
images, windows
La carga de un documento o una imagen causo un error
onError
Focus
windows y todos los elementos de un formulario
Usuario selecciona un ventanao un elemento de un formulario
onFocus
KeyDown
documento, imagen, link, textarea
Usuario presiona una tecla
onKeyDown
KeyPress
documento, imagen, link, textarea
Usuario pulsa una tecla
onKeyPress
KeyUp
documento, imagen, link, textarea
Usuario suelta la tecla
onKeyUp
Load
cuerpo de un documento
Usuario carga la pagina
onLoad
MouseDown
documento, buton, link
Usuario pulsa elbotón del mouse
onMouseDown
MouseMove
nada por defecto
Usuario mueve el mouse
onMouseMove
MouseOut
areas y link
Usuario mueve el cursor fuera del mapa de imagen o del link
onMouseOut
MouseOver
link
Usuario mueve el cursor sobre un link
onMouseOver
MouseUp
documento, boton, link
Usuario suelta el botón del mouse
onMouseUp
Move
ventana
Usuario o script mueve la ventana
onMove
Resetformulario
Usuario resetea un formulario
onReset
Resize
ventana
Usuario o script cambian el tamaño de la ventana
onResize
Select
textfield, textarea
Usuario selecciona un elemento de entrada de texto
onSelect
Submit
formulario
Usuario submite un formulario
onSubmit
Unload
cuerpo del documento
Usuario sale de la pagina
onUnload
Definiendo un Manejador de Evento
Para definir unmanejador de eventos se debe agregar al tag el atributo correspondiente al evento que se desea atender. El código JavaScript va entre cremillas como el valor del atributo. La sintaxis general es:

Donde TAG es un Tag HTML y manejador es el nombre del manejador de eventos, correspondiente a uno de los especificados en la columna 4 de la tabla anterior. Como Código JavaScript se puede incluir unconjunto de sentencias separadas por punto y coma (;), aunque típicamente se incluye la invocación a una función.
Por ejemplo si se dispone de una función JavaScript denominada calcula, se puede incorporar el llamado a esta función cuando el usuario haga click sobre un botón de la siguiente manera:

Ejemplo:
En el formulario que se muestra a continuación, se puede ingresar una expresión en elprimer campo y luego de apretar el botón, se despliega en el segundo campo de texto el valor resultante de evaluar la expresión.

El código que genera esta página es:


Página nueva 1

function calcula(f) {
if (confirm("Estas seguro ?"))
f.resultado.value = eval(f.expresion.value)
else
alert("Hasta la vista.")
}






Entre una expresión:



El resultado es :




Lafunción calcula recibe un argumento, correspondiente a un objeto Form. La función usa el método window.confirm para generar una ventana de dialogo con las alternativas Ok y Cancel. Si el usuario presiona Ok, el método retorna true y el valor del campo resultado se le asigna el resultado de evaluar el campo expresión. La función eval recibe como argumento cualquier string que represente una...