Fundamentos del trabajo con el objeto Event en JavaScript

En esta lección, estudiaremos los fundamentos del trabajo con el objeto Event. Este objeto contiene información sobre el evento ocurrido. Por ejemplo, si se hizo clic en un elemento, podemos saber las coordenadas de ese clic, si se presionó la tecla Ctrl, Alt o Shift en el momento del clic y así sucesivamente.

Veamos cómo obtener el objeto Event. Supongamos que tenemos un botón:

html<button id="elem">text</button>

Supongamos que al hacer clic en este botón se ejecuta alguna función:

javascriptlet elem = document.querySelector('#elem');

elem.addEventListener('click', function() {

});

Dentro de la función vinculada ya está el objeto Event - simplemente aún no sabemos cómo obtenerlo. Se obtiene de la siguiente manera: es necesario al declarar nuestra función pasarle como parámetro cualquier variable (normalmente, event - pero el nombre puede ser cualquiera) y en esta variable el navegador colocará automáticamente el objeto Event:

javascriptelem.addEventListener('click', function(event) {
  console.log(event); // veremos el objeto con el evento
});