Eventos básicos de JS y su importancia

Grissel Rocha
Laboratoria Developers
2 min readMar 22, 2017

Los programas que hemos creado hasta ahora se han ejecutado de forma secuencial, es decir, de la primera hasta la última línea de código utilizando estructuras de control. Sin embargo, hay una manera más eficiente de interactuar con el usuario y detonar cierto comportamiento con base en las acciones que éste realice.

Esta programación (de esperar a que el usuario realice una acción como mover el cursor del mouse, pulsar una tecla específica, cerrar la ventana del navegador, etc.) se llama Programación dirigida por eventos.

A diferencia de la programación secuencial, la programación dirigida por eventos NO ejecuta el programa de la primera hasta la última línea, si no que espera a que el usuario ejecute una acción en sí y después ejecuta el código relacionado a esa acción.

Estas acciones (eventos) permiten que los usuarios transmitan información a los programas. JavaScript ha definido distintos eventos que permiten interacciones entre el usuario y las páginas o aplicaciones web.

Existen muchos eventos definidos. Aquí una tabla con los más comunes:

Para relacionar la ejecución de código con un evento, se tiene que agregar al tag HTML el nombre del evento que se va a ejecutar y el nombre de la función relacionada.

Se va a ejecutar la función “funcionAEjecutar”, cada vez que cambie el input text.

Una vez conocidas las ventajas de la programación dirigida por eventos, podemos crear código más modular y más interactivo con el usuario.

--

--