Gestión de eventos

Evento se considera cualquier acción que el usuario realiza con el sistema: hacer click, posicionarse con el ratón en un lugar determinado, enviar un formulario, posicionarse en un cuadro para texto,….

Para referirnos a un evento en HTML, el nombre del evento irá precedido por "on". Por ejemplo, el gestor de eventos de "Click" será "onClick".

La forma de llamar a un evento es la siguiente. Imaginamos que tenemos un botón en un formulario, y queremos que al pulsarlo realice una acción determinada:

<form ….>

<input type="button" onClick="función([parámetros])">

</form ….>

Con esta acción, asociamos al evento click sobre el botón las acciones que realice la función.

Veamos los eventos que conoce JavaScript:

DragDrop: arrastrar un objeto a la ventana del navegador.

Error: se produce un error en la carga de un documento.

Focus: el usuario se posiciona en una ventana o cuadro de texto de un formulario.

KeyDown: se pulsa una tecla.

KeyPress: se pulsa o libera una tecla

KeyUp: se libera una tecla

Load: se carga un documento en el navegador

MouseDown: se pulsa un botón del ratón

MouseMove: se mueve el cursor

MouseOver: el puntero del ratón se posiciona sobre un enlace

MouseOut: el puntero del ratón sale de un enlace o imagen mapa

MouseUp: se libera un botón del ratón.

Move: se mueve la ventana. Esta acción también la puede realizar el script.

Reset: se pulsa sobre el botón reset del formulario.

Resize: las dimensiones de la ventana cambian.

Select: se selecciona una de las opciones de un cuadro combo del formulario.

Submit: se pulsa el botón submit del formulario.

UnLoad: el usuario sale de la página.

Recuerde que para llamar a los eventos, se debe anteponer "on" al nombre del evento.

En la próxima lección veremos ejemplos de eventos.

Leave A Comment?