Gestori di eventi DHTML

Puoi eseguire un'azione su un elemento quando si verifica un evento attraverso un handler degli eventi.

Esempio

Nota:La maggior parte degli esempi DHTML richiede IE 4.0+, Netscape 7+ o Opera 7+!

onmouseover e onmouseout
Come cambiare il colore di un elemento quando il mouse pointer si muove sopra e sotto di esso.
onclick
Come accendere la luce e cambiare l'immagine quando si clicca su un'immagine e tornare all'immagine originale quando si clicca di nuovo.
onmousedown e onmouseup
Questa volta la luce si accende solo quando si tiene premuto il pulsante del mouse.
onload
Mostra una finestra di messaggio quando la pagina è completamente caricata.

Handler degli eventi

Puoi eseguire un'azione su un elemento quando si verifica un evento: quando l'utente clicca su un elemento, quando la pagina si carica, quando un modulo viene inviato, ecc.

<h1 onclick="style.color='red'">Clicca su questo testo</h1>

L'esempio sopra definisce che quando l'utente clicca su un titolo, il titolo diventa rosso.

Puoi anche aggiungere un pezzo di script nella parte head della pagina e chiamare la funzione dall'handler dell'evento:

<html>
<head>
<script type="text/javascript">
function cambiaColore()
{
document.getElementById('header').style.color="red"
}
</script>
</head>
<body>
<h1 id="header" onclick="cambiaColore()">Clicca su questo testo</h1>
</body>
</html>

Gestori di eventi HTML 4.0

Evento Si verifica quando...
onabort L'utente interrompe il caricamento della pagina.
onblur L'utente lascia l'oggetto.
onchange L'utente cambia il valore dell'oggetto.
onclick L'utente clicca su un oggetto.
ondblclick L'utente doppia clic su un oggetto.
onfocus L'utente attiva l'oggetto.
onkeydown Premere la tastiera.
onkeypress Premere la tastiera.
onkeyup Rilasciare la tastiera.
onload

La pagina è stata caricata.

Nota:In Netscape, quando la pagina viene caricata, si verifica questo evento.
onmousedown L'utente preme il pulsante del mouse.
onmousemove Il puntatore del mouse si muove sull'oggetto.
onmouseover Il puntatore del mouse si posiziona sull'oggetto.
onmouseout Il puntatore del mouse esce dall'oggetto.
onmouseup L'utente rilascia il pulsante del mouse.
onreset L'utente annulla il modulo.
onselect L'utente seleziona il contenuto della pagina.
onsubmit L'utente invia il modulo.
onunload L'utente chiude la pagina.