Gestori di eventi:
Le funzioni javascript possono essere utilizzate dal webmaster in risposta a due eventi:
Il caricamento della pagina oppure un'azione da parte dell'utente.
In pratica lo script può partire in automatico per mostrare una pagina (ad esempio un menù), oppure può partire se il navigatore compie un'azione (ad esempio un clic, muovere il puntatore del mouse in un determinato punto ecc.)
La seconda soluzione implica l'inattività dello script fino ad un determinato momento, può offrire una buona soluzione grafica ed un coinvolgimento del navigatore.
Non tutti gli oggetti possiedono un evento che ne può comandare l'alterazione, di seguito mostreremo gli eventi attualmente disponibili. Per il loro utilizzo vi rimandiamo alla tabella
oggetti
| Evento
| Descrizione
|
| onClick
| Questo evento si attiva quando il navigatore clicca sopra un oggetto
|
| onDblClick
| Questo evento si attiva quando il navigatore clicca due volte sopra un oggetto
|
| onMouseOver
| Questo evento si attiva quando il puntatore del muose si muove sopra un oggetto
|
| onMouseOut
| Questo evento si attiva quando il puntatore del muose si muove fuori da un oggetto
|
| onMouseDown
| Questo evento si attiva quando si preme il tasto sinistro del mouse
|
| onMouseUp
| Questo evento si attiva quando si rilascia il tasto sinistro del mouse
|
| onContextMenu
| Questo evento si attiva quando si preme il tasto destro del mouse
|
| onFocus
| Questo evento si attiva quando il puntatore del mouse entra nel campo del tag che lo contiene
|
| onBlur
| Questo evento si attiva quando il puntatore del mouse esce dal campo del tag che lo contiene
|
| onSelect
| Questo evento si attiva quando il navigatore seleziona del testo
|
| onSelectStart
| Questo evento si attiva quando il navigatore inizia a selezionare del testo
|
| onbeforeEditFocus
| Questo evento si attiva quando clicchiamo su del testo selezionato
|
| onLoseCapture
| Questo evento si attiva quando rilasciamo una selezione
|
| onReset
| Questo evento si attiva quando viene premuto il tasto reset dei form
|
| onSubmit
| Questo evento si attiva quando viene premuto il tasto di invio dei form
|
| onChange
| Questo evento si attiva quando il navigatore cambia il contenuto di un form
|
| onAbort
| Questo evento si attiva quando il caricamento di un'immagine è interrotto
|
| onError
| Questo evento si attiva quando durante il caricamento di un'immagine o di una pagina si verifica un'errore
|
| onLoad
| Questo evento si attiva quando una pagina o un'immagine viengono caricate a video
|
| onUnload
| Questo evento si attiva quando una pagina viene chiusa
|
| onResize
| Questo evento si attiva quando una finestra viene ridimensionata
|
| onFocus
| Questo evento si attiva quando il mouse entra nel campo (focus) di un elemento
|
| onKeydown
| Questo evento si attiva quando viene premuto e rilasciato un tasto della tastiera
|
| onKeypress
| Questo evento si attiva quando viene premuto un tasto della tastiera
|
| onKeyup
| Questo evento si attiva quando viene rilasciato un tasto della tastiera
|
Esempio onClick:

Premi sull'immagine.
Questo è il codice:
<script>
<!--
function ciao(){
alert("hai attivato la funzione ciao()")
}
-->
</script>
<img src="home.jpg" onClick="ciao()">Premi sull'immagine.
Esempio con link:
premi qui
Questo è il codice:
<a href="javascript:ciao()"></a>
(La funzione
ciao() è già stata definita nel'esempio precedente)
Esempio onMouseOver:

Passa sull'immagine con il mouse...
Codice:
<img src="home.jpg" onMouseOver="ciao()">
(La funzione
ciao() è già stata definita nel primo esempio)