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:
<button id="elem">text</button>
Supongamos que al hacer clic en este botón se ejecuta alguna función:
let 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:
elem.addEventListener('click', function(event) {
console.log(event); // veremos el objeto con el evento
});
Realice de forma independiente las manipulaciones descritas y muestre el objeto con el evento en la consola. Estudie la estructura de este objeto.
