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:
Evento | 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