Tratamiento de eventos en JavaScript

Los eventos permiten construir aplicaciones interactivas en el lado del cliente. Los eventos están siempre asociados a una acción sobre un elemento determinado.

Estos son los eventos más utilizados:

Evento	Tiene efecto sobre	Ocurre cuando	Manejador
Abort	imágenes	El usuario cancela la carga de una imagen	onAbort
Blur	ventanas y elementos de formularios	El usuario abandona la ventana o elemento (pierde el foco)	onBlur
Change	text fields, textareas, select lists	El usuario cambia el valor de un elemento	onChange
Click	buttons, radio buttons, checkboxes, submit buttons, reset buttons, links	El usuario pulsa sobre el elemento o el enlace	onClick
Error	images, windows	La carga de la ventana o la imagen causa un error	onError
Focus	windows and all form elements	El usuario pasa el control (foco) a un elemento determinado	onFocus
KeyDown	documents, images, links, text areas	El usuario pulsa una tecla	onKeyDown
KeyPress	documents, images, links, text areas	El usuario da una pulsación con una tecla o la mantiene pulsada	onKeyPress
KeyUp	documents, images, links, text areas	El usuario deja de pulsar una tecla	onKeyUp
Load	document body	El usuario carga una página en el navegador	onLoad
MouseDown	documents, buttons, links	El usuario pulsa una tecla del ratón	onMouseDown
MouseMove		El usuario mueve el ratón	onMouseMove
MouseOut	areas, links	El usuario mueve el cursor fuera del elemento	onMouseOut
MouseOver	links	El usuario mueve el cursor dentro del elemento	onMouseOver
MouseUp	documents, buttons, links	El usuario deja de pulsar una tecla del ratón	onMouseUp
Move	windows	El usuario (o algún script) mueve una ventana	onMove
Reset	forms	El usuario pulsa el botón de reset	onReset
Resize	windows	El usuario (o algún script) redimensiona la ventana del navegador	onResize
Select	text fields, textareas	El usuario selecciona el contenido de los elementos del formulario	onSelect
Submit	forms	El usuario pulsa el botón para enviar un formulario	onSubmit
Unload	document body	El usuario sale de la página (carga otra página o cierra esa ventana del navegador)	onUnload

Su utilización es muy sencilla. Para indicar a JavaScript que se desea hacer el tratamiento de un determinado evento, se coloca el manejador correspondiente en la marca HTML del elemento:

<marca_HTML onEvento=expresión JavaScript>

Por ejemplo, podemos hacer que aparezca un mensaje cada vez que el usuario pulsa un botón:

...
<input type='button' name='boton1' value='pulsa' onClick = 'alert("Se ha pulsado"); return true;' >
...

Lo más habitual es colocar una llamada a una función que se utilizará como manejador propiamente dicho del evento:

function manejador ( )
{
// funcionalidad del manejador
....
}

...
<input type='button' name='boton1' value='pulsa' onClick = 'manejador()' >
...

CONTENIDOS DEL TUTORIAL DE JAVASCRIPT

- Introdución
- Variables
- Objetos	OBJETOS PREDEFINIDOS - El objeto Date - El objeto Array - El objeto Math - El objeto String
- Operadores
- Sentencias de control
- Funciones globales
- Extensión para el cliente	OBJETOS DOM - DOM - WINDOW - DOM - DOCUMENT - DOM - LOCATION - DOM - HISTORY+NAVIGATOR
- Tratamiento de eventos

Fuente original: (C) Epsilon Eridani

VitaminaWEB.com 2001-2008
[Portada] · [Datos legales] · [Buzón de contacto] · [Mapa de la web]

Enlaces patrocinados:
Gratis | Concursos | Juegos | Casino online

Hosting recomendado:
Alojamiento web Grito.net