6/10
Eventi
Gli eventi sono utilizzati per richiamare le istruzioni. Dato che l'esecuzione degli script è sequenziale per inserire della dinamicità all'interno delle pagine occorre che alcune funzioni vengono lanciate solo quando l'utente compie una particolare azione tipo cliccare su un pulsante, completare il download di un immagine e così via.
Ad un evento può essere associata un'unica istruzione, ma di solito l'associazione viene fatta con un blocco di istruzioni, le funzioni, che prendono il nome di handler o gestori di eventi. Per interfacciare HTML e JavaScript gli eventi non sono inseriti nei tag <SCRIPT> ma nei tag dell'HTML. Quando un browser compatibile con Javascript incontra un evento lo interpreta e lo attiva.
Questa è la sintassi generale per creare un handler per i tag HTML:
<TAG onEvento=JavaScript Code>
dove TAG è un tag dell'HTML compatibile con l'evento, onEvento è il nome dell'evento, e JavaScript Code è la sequenza JavaScript che si vuole attivare. Per esempio:
<FORM name=prova>
<INPUT type=
Textsize=15></INPUT>
<INPUT type=
Buttonvalue=
ControllaonClick=
Controlla(text.value)></INPUT>
</FORM>
Gli eventi si possono attivare anche all'interno degli script, come se fossero proprietà dell'oggetto:
Oggetto.evento=handler;Eventi disponibili
| Evento | Si verifica quando | TAG | Versione |
|---|---|---|---|
| onAbort | quando l'utente clicca un link o si preme Stop nella barra dei comandi del browser | IMG | 1.1 |
| onBlur | l'oggetto sulla pagina perde il focus | SELECT, TEXTAREA, INPUT (TEXT) | 1.0 |
| onChange | il contenuto di un campo di un form è modificato e non più selezionato | SELECT, TEXTAREA, INPUT (TEXT) | 1.0 |
| onClick | click su un oggetto o su un link. | A, INPUT (tutti) | 1.0 |
| onDblClick | doppio click del mouse | BODY, A | 1.2 |
| onDragDrop | drag & drop sulla finestra | Window | 1.2 |
| onError | il caricamento dà un errore | MG and Window | 1.1 |
| onFocus | un oggetto sulla pagina acquisisce il focus | SELECT, TEXTAREA, INPUT (TEXT) | 1.0 |
| onKeyDown | viene premuto un tasto | BODY, IMG, A, INPUT (TEXTAREA) | 1.2 |
| onKeyPress | si preme e poi rilascia un tasto o lo si tiene premuto | BODY, IMG, A, INPUT (TEXTAREA) | 1.2 |
| onKeyUp | tasto precedentemente premuto è stato rilasciato | BODY, IMG, A, INPUT (TEXTAREA) | 1.2 |
| onLoad | una pagina o un'immagine finisce il suo caricamento | BODY, FRAMESET | 1.0 |
| onMouseDown | si preme un pulsante del mouse | BODY, A e i Bottoni | 1.2 |
| onMouseMove | si muove il mouse | nessuno per default | 1.2 |
| onMouseOut | il mouse esce fuori dall'oggetto | A, Mappe Cliccabili | 1.1 |
| onMouseOver | il mouse si muove su un oggetto | A, Mappe Cliccabili | 1.1 |
| MouseUp | si rilascia un pulsante del mouse | A, Mappe Cliccabili | 1.1 |
| onMove | si muove una finestra o un frame | Window | 1.2 |
| onReset | il tasto annulla di un form | FORM | 1.1 |
| onResize | si ridimensiona una finestra | Window | 1.1 |
| onSelect | selezione di testo | INPUT (TEXT) | 1.0 |
| onSubmit | è abbinato al tasto invio del form | FORM | 1.0 |
| onUnload | si rilascia una finestra | Window | 1.0 |