DOM Introducción


Ejemplo

Definición:

En computación, un evento es una acción u ocurrencia reconocida por el software que puede ser manejada por el software. Los eventos informáticos pueden ser generados o activados por el sistema, por el usuario o de otras maneras. Fuente de definición

introduzca la descripción de la imagen aquí

Los eventos HTML son "cosas" que suceden a los elementos HTML. JavaScript puede "reaccionar" en estos eventos. a través de Event Listeners . Además, los eventos personalizados pueden activarse utilizando dispatchEvent . Pero esto es solo una introducción, ¡así que comencemos!

Escucha de eventos básicos

Para escuchar eventos, llame a target.addEventListener(type, listener);

function loadImage() {
  console.log('image code here!');
}
var myButton = document.querySelector('#my-button');
myButton.addEventListener('click', loadImage);

Esto activará loadImage cada vez que se haga clic en my-button .

Los detectores de eventos se pueden adjuntar a cualquier nodo en el árbol DOM. para ver una lista completa de todos los eventos activados de forma nativa en el navegador: haga clic aquí Enlace MDN para ver la lista completa de eventos