DOM introduzione

Esempio

Definizione:

Nel calcolo, un evento è un'azione o un evento riconosciuto dal software che può essere gestito dal software. Gli eventi del computer possono essere generati o attivati ​​dal sistema, dall'utente o in altri modi. Fonte di definizione

inserisci la descrizione dell'immagine qui

Gli eventi HTML sono "cose" che accadono agli elementi HTML. JavaScript può "reagire" su questi eventi. tramite gli Event Listeners . Inoltre, gli eventi personalizzati possono essere attivati ​​utilizzando dispatchEvent . Ma questa è solo un'introduzione, quindi iniziamo!

Listener di eventi di base

Per ascoltare gli eventi, si chiama target.addEventListener(type, listener);

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

Ciò attiverà loadImage ogni volta che si fa clic my-button .

I listener di eventi possono essere collegati a qualsiasi nodo nell'albero DOM. per vedere una lista completa di tutti gli eventi attivati ​​nativamente nel browser: vai qui link MDN per la lista completa degli eventi