Una introducción a los oyentes de eventos de JavaScript para los diseñadores web
Si eres un diseñador web que aún no ha entrado en el mundo de JavaScript, o si recién estás comenzando en el
desarrollo front-end, este tutorial es la manera perfecta de comenzar. Este explicará, de forma muy sencilla, un
par de conceptos realmente útiles que podrás usar de inmediato y te sacarán de las obstrucciones iniciales de
JavaScript.
¿Qué son los oyentes de eventos?
Los oyentes de eventos se encuentran entre las estructuras de JavaScript que se usan más frecuentemente en el
diseño web. Estas nos permiten añadir funcionalidad interactiva a los elementos HTML "oyendo" diferentes
eventos que tienen lugar en la página, como cuando el usuario hace clic en un botón, cuando presiona una tecla
o cuando se carga un elemento.
Cuando ocurre un evento, podemos ejecutar algo.
Los eventos más comunes que podrías "estar oyendo" son load, click, touchstart, mouseover, keydown. Puedes
consultar todos los eventos DOM en la guía "Referencia de eventos" de MDN.
Siguiendo esta guía aprenderás cómo crear un oyente de eventos de JavaScript de tres maneras diferentes:
Atributos globales onevent de HTML
Métodos de eventos de jQuery
El método addEventListener() de la API de DOM
