Gestores de Eventos (Event Handlers)

Declaración

En la introducción se ha dicho que las funciones de JavaScript sólo se ejecutan en respuesta a eventos. Se sabe que los eventos ocurren cuando se produce alguna interacción o cambio en la página Web activa.

Las declaraciones de los gestores de eventos es muy similar a los atributos de HTML. Cada nombre del atributo empieza con la palabra on y sigue con el nombre del evento, así por ejemplo onClick es el atributo que se usaría para declarar un gestor de eventos para el evento Click (clicar un objeto).

La declaración de un gestor de eventos es: onEvent=“Código_JS”.

Normalmente, por convenio, se escribe on en minúscula y el nombre del evento con la letra inicial en mayúscula. Esto ayuda a distinguir éste de los demás atributos.

Los tipos de eventos y gestores de eventos son los siguientes:
Tipos de eventos y gestores

El valor del atributo es un conjunto de código JavaScript o una referencia a una función de JavaScript. El código o la función se ejecuta al activar el evento.

Esta sentencia crea un botón (INPUT TYPE=“button”). Al clicar el botón, el gestor de eventos onClick despliega una ventana con el mensaje que se pasa como argumento.

Normalmente una página HTML con programación en JavaScript tiene los siguientes componentes:

– Funciones JavaScript dentro de un bloque Script dentro del del documento.
– HTML no interactivo dentro del del documento
– HTML interactivo con atributos gestores de eventos cuyos valores son funciones de JavaScript.

Los eventos de JavaScript suceden en tres niveles:

– a nivel del documento Web,
– a nivel de un formulario individual dentro del documento y
– a nivel de un campo de formulario.