Eventi

Perchè accada qualcosa, sia nella vita che in programmazione, c'è bisogno che questo qualcosa sia scatenato da un evento: nella vita, ad esempio, un incontro può far accadere qualcosa di piacevole (si spera!!!), in programmazione, il click del mouse su di un elemento Html a cui è associata una funzione, da vita alla routine descritta nella funzione stessa.

Come già accennato nelle lezioni precedenti, l'evento si richiama su di un elemento Html incorporando un attributo nel codice dell'elemento stesso; la seguente è la sintassi:

<input type="button" value="Invia" onClick="miaFunzione()">

Dato che l'Html non è un linguaggio case-sensitive (sensibile alle maiuscole ed alle minuscole) è indifferente scrivere onClick, onclick oppure ONCLICK, ma è necessario specificare i parametri (ad esempio il nome della funzione) con le giuste maiuscole e minuscole all'interno di un evento.

Riporto di sotto un elenco degli eventi e dei relativi gestori, con opportuna descrizione:

Gestore Descrizione
Load onLoad Caricamento della pagina
Unload onUnLoad Uscita dalla pagina
Click onClick Click col tasto sinistro del mouse su di un elemento
Double click onDbClick Doppio click col tasto sinistro del mouse su di un elemento
Mouse over onMouseOver Passaggio del mouse su di un elemento
Mouse move onMouseMove Movimento del mouse su di un elemento
Mouse out onMouseOut Uscita del mouse dall'area di un elemento
Mouse down onMouseDown Click del mouse su di un elemento
Context menu onContextMenu Click col tasto destro del mouse su di un elemento
Change onChange Cambio di elemento
Blur onBlur Perdita del focus (focalizzazione) da parte di un elemento
Focus onFocus Raggiungimento del focus da parte di un elemento
Submit onSubmit Pressione del tasto "Invio" della tastiera

Autore: Luca Ruggiero