Ancora Javascript e separazione del codice – addEventListener

Tratto da http://andrea.zilio.name/blog/2007/01/eventi-in-javascript-il-w3c/ :

Handler ed Event Object

In ogni funzione associata ad uno specifico evento, registrata attraverso uno qualsiasi dei metodi appena visti, è possibile ottenere un riferimento all’oggetto su cui l’handlerè in esecuzione mediante la parola chiave this
Inoltre ad ogni handler viene passato come primo parametro un oggetto che fornisce, tramite le sue proprietà, delle informazioni sull’evento in corso, fra cui:

type
Indica il tipo di evento (es: “click“,”mousemove“,”load“,”focus“,ecc…)

target
Contiene un riferimento al nodo che ha generato l’evento

currentTarget
Contiene un riferimento al nodo per cui si stanno eseguendo gli handler

eventPhase
Un valore intero che indica se la fase corrente è di Capture (1), At Target (2) o Bubble (3)

bubbles
Un valore booleano che indica se l’evento corrente supporta il bubbling.
(infatti per tutti gli eventi vengono eseguite le fasi At Target e di Capture, ma solo per alcunianche quella di Bubble.)

cancelable
Un altra proprietà booleana che indica se è possibile annullare l’azione di default associata all’evento
Lo stesso oggetto che fornisce l’accesso alle proprietà appena indicate, offre anche 2 utilissimi metodi:

stopPropagation()
Invocando questo metodo viene terminata la propagazione dell’evento ad altri nodi. Ferma quindi la fase di Bubble o di Capture, ma non annulla l’effetto dell’evento.

preventDefault()
Chiamando questo metodo è, invece, possibile annullare l’eventuale azione di default associata all’evento (es: l’invio di un form, la navigazione dopo il click su un link, ecc…)

Lascia un commento

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione / Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione / Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione / Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. Chiudi sessione / Modifica )

Connessione a %s...