JavaScript/Gli eventi nel DOM: differenze tra le versioni

 

Possiamo utilizzarlo all'interno di un elemento HTML, ad esempio:

<a

href="pagina.html"

link

</a>

In questo esempio utilizziamo le due proprietà ''screenX'' e ''screenY'' dell'oggetto event, che restituiscono la posizione del cursore del mouse rispetto allo schermo.

 

Rispetto all'utilizzo di questo oggetto, bisogna fare attenzione quando si richiama da delle funzioni ''handler'': l'oggetto event infatti ha una visibilità privata, non può quindi essere richiamato esternamente alla dichiarazione dell'evento (nell'attributo "onclick" per esempio). Per ovviare a questo problema è sufficiente passare l'oggetto event come argomento. Ad esempio, si crea la funzione:

function posizione (e) {

alert('Il mouse è alla posizione ' + e.screenX + ', ' + e.screenY + 'dello schermo');

}

Nell'HTML si inserirà:

<a href="pagina.html" onmouseover="posizione(event);">link</a>

 

=== Proprietà ===

== addEventListner() ==

<code>addEventListner()</code> permette di impostare una funzione che verrà richiamata al verificarsi dell'evento specificato, sull'elemento specificato:

target.addEventListener(tipo, funzione);

<code>tipo</code> è una stringa che rappresenta il tipo di evento catturato. Può essere applicata ad ogni elemento del DOM, non solo agli elementi HTML.

[[Categoria:JavaScript|DOM eventi]]