Gestión de eventos en JavaScript
El interés de los scripts JavaScript reside en gestionar localmente los eventos detectados. Los eventos son el resultado de una acción del usuario. Por ejemplo, hacer clic sobre un botón o seleccionar un campo de un formulario son eventos.
La importancia de los eventos radica en que nos posibilita modificar el contenido de un documento HTML sin intercambio de datos a través de la red. Esto se hacía hasta ahora mediante la programación CGI.
La gestión de eventos se efectúa mediante scripts ejecutados automáticamente cuando se produce un evento dado. Esta gestión se indica en ciertas marcas y se especifica la acción asociada a cada evento. La sintaxis es la siguiente:
<TAG eventHandler="JavaScript code">
donde TAG representa una marca HTML y eventHandler el nombre del evento detectado.
Así, en el siguiente ejemplo se ejecutará la función evaluar cuando el usuario haga clic sobre el botón calcular.
<INPUT TYPE="button" VALUE="calcular" onClick="evalua(this.form)">
La estructura this.form se refiere al formulario que contiene el botón. Esta estructura representa la variable pasada como argumento a la función evalua.
6.3. Clasificación de eventos.
Los eventos que vemos a continuación se encuentran en la versión 1.1 de JavaScript.
onAbort: Se origina cuando se cancela la carga de una imagen.
onBlur:
Se produce al deseleccionar un campo de edición. Se aplica a la marca INPUT TYPE="text" y a la marca TEXTAREA. En la versión 1.2 de JavaScript también se aplica a la marca LAYER.
onClick:
Se produce cuando se hace clic en un elemento del formulario o un enlace hipertexto. Se aplica tanto a la marca INPUT TYPE="button,checkbox,radio" como a la marca .
onChage:
Se origina al cambiar en contenido de un campo o selección. Se aplica a las marcas INPUT TYPE="text", SELECT y TEXTAREA.
onError:
Se produce cuando se obtiene un error al cargar el documento HTML. Se aplica sobre las marcas BODY y FRAMESET.
onFocus: Se produce cuando se Activa un campo de edición. Se aplica a la marca INPUT TYPE="text" y a la marca TEXTAREA. En la versión 1.2 también se aplica a la marca LAYER.
onLoad:
Se origina cuando se carga el documento HTML. Se aplica a las marcas BODY y FRAMESET. En la versión 1.2 también se aplica a marca LAYER.
onMouseOut:
Se produce cuando alejamos el mouse de un enlace de hipertexto. Se aplica sobre las marcas A AREA. En JavaScript 1.2 también se aplica a la marca LAYER.
onMouseOver:
Se produce cuando desplaza el mouse sobre los enlaces de hipertexto. Se aplica sobre la marca A y AREA. En la versión 1.2 de JavaScript también se aplica a la marca LAYER.
onReset:
Se produce cuando se resetea el formulario. Se aplica sobre la marca FORM.
onSelect:
Se produce al seleccionar un campo de edición. Se aplica sobre las marcas INPUT TYPE="text" y TEXTAREA.
onSumit:
Se origina al enviar el formulario.Se aplica sobre al marca FORM.
onUnload:
Se origina al abandonar el documento HTML. Se aplica sobre las marcas BODY y FRAMESET. En la versión 1.2 de JavaScript también se aplica a la marca LAYER.
Usuarios que han visto este tema también han visto...
- Captura de eventos con Javascript
- Enlace con confirmación en JavaScript
- Un sólo cambio para modificar múltiples páginas con JavaScript
- Quitar Marcos
- Funciones en Javascript
- Versión imprimible de este documento
- Enviar por e-mail este documento
Información legal | Política de Privacidad | Contacte con nosotros
Otro proyecto de Factoría de Internet. Copyright© 2003-2011 Factoría de Internet S.L.. Todos los derechos reservados.