Back
Next
Uno script in JavaScript è guidato dagli eventi.
Un evento
può essere la pressione di un pulsante, il movimento del mouse o
il caricamento di una pagina. Con JavaScript è possibile specificare
l'azione da eseguire in risposta all'evento generato dall'utente (o dal browser)
mediante una funzione chiamata event handler (letteralmente: un gestore
di eventi).
| Evento | Condizione di attivazione | Dove si usa | Esempio |
|---|---|---|---|
| OnLoad | Dopo che una pagina è stata completamente caricata | Nel tag <BODY> o <FRAMESET>
| <BODY onLoad="handler()">L'evento è già accaduto quando questa pagina è stata caricata |
| OnUnload | Quando una pagina viene abbandonata | Nel tag <BODY> o <FRAMESET>
| <BODY onUnLoad="handler()">L'evento accadrà quando questa pagina verrà abbandonata (apparirà una finestra di dialogo che segnalerà l'evento) |
| OnClick | Dopo un click col pulsante sinistro del mouse | In qualsiasi oggetto FORM | <INPUT TYPE="BUTTON" VALUE="premi qui" onClick="handler()">premere il pulsante per attivare l'evento: |
| OnFocus | Dopo che un elemento FORM aquista l'input da tastiera | Con oggetti FORM del tipo TEXT, TEXTAREA, PASSWORD | <INPUT TYPE="TEXT" VALUE="" SIZE=30 onFocus="handler()">focalizza il seguente elemento: |
| OnBlur | Dopo che un elemento FORM perde l'input da tastiera | Con oggetti FORM del tipo TEXT, TEXTAREA, PASSWORD | <INPUT TYPE="TEXT" VALUE="" SIZE=30 OnBlur="handler()">clicca sulla casella di testo, inserisci qualsiasi frase e poi fai perdere l'input da tastiera (cliccando fuori dalla casella di testo) : |
| OnChange | Come OnBlur, inoltre il valore di un oggetto FORM è cambiato | Con oggetti FORM del tipo TEXT, TEXTAREA, PASSWORD | <INPUT TYPE="TEXT" VALUE="" SIZE=30 OnChange="handler()">
clicca sulla casella di testo, inserisci qualsiasi frase e poi
fai perdere l'input da tastiera (cliccando fuori dalla casella di testo):
Un evento verrà generato. Riprovando una seconda volta, senza modificare
il valore inserito, l'evento non sarà generato come invece accade
con OnBlur: |
| OnSelect | Dopo che parte del testo viene selezionato in un oggetto FORM | Con oggetti FORM del tipo TEXT, TEXTAREA, PASSWORD | <INPUT TYPE="TEXT" VALUE="" SIZE=30 OnSelect="handler()">inserisci una frase e seleziona delle parole: |
| OnSubmit | Dopo un click su un pulsante del tipo SUBMIT | Solo con l'oggetto FORM | <FORM OnSubmit = "handler()">
<INPUT TYPE = "SUBMIT"></FORM>premere il pulsante per attivare l'evento: |
| OnMouseOver | Quando il puntatore del mouse passa sopra un oggetto | In un qualsiasi oggetto della pagina | <A HREF = "http://www.geocities.com" onMouseOver = "handler()">Geocities</A>Passa il puntatore del mouse sopra il seguente link per attivare l'evento: Geocities |
Next