Eventi HTML sono "cose" che accadono agli elementi HTML.
Quando si utilizza JavaScript in pagine HTML, JavaScript può "reagire" su questi eventi.
HTML Eventi
Un evento HTML può essere qualcosa il browser fa, o qualcosa di un utente fa.
Ecco alcuni esempi di eventi HTML:
- Una pagina web HTML termine del caricamento
- Un campo di input HTML è stato cambiato
- Un pulsante HTML è stato cliccato
Spesso, quando gli eventi accadono, si consiglia di fare qualcosa.
JavaScript permette di eseguire il codice quando vengono rilevati eventi.
HTML consente attributi gestore di eventi, con il codice JavaScript, da aggiungere agli elementi HTML.
Con virgolette singole:
< some-HTML-element
some-event = ' some JavaScript ' >Con doppi apici:
< some-HTML-element
some-event = " some JavaScript " >Nel seguente esempio, un onclick attributo (con codice), viene aggiunto un elemento tasto:
Esempio
<button onclick='getElementById("demo").innerHTML=Date()'>The time is?</button>
Prova tu stesso " Nell'esempio precedente, il codice JavaScript cambia il contenuto dell'elemento con id="demo" .
Nel prossimo esempio, il codice cambia il contenuto del proprio elemento (usando this .innerHTML ):
codice JavaScript è spesso lungo diverse linee. E 'più comune vedere gli attributi di evento chiamare funzioni:
Comune HTML Eventi
Ecco un elenco di alcuni eventi HTML comuni:
| Evento | Descrizione |
|---|---|
| onchange | Un elemento HTML è stato modificato |
| onclick | L'utente fa clic su un elemento HTML |
| onmouseover | L'utente sposta il mouse su un elemento HTML |
| onmouseout | L'utente sposta il mouse lontano da un elemento HTML |
| onkeydown | L'utente preme un tasto della tastiera |
| onload | Il browser ha terminato il caricamento della pagina |
L'elenco è molto più lungo: w3ii JavaScript riferimento HTML eventi DOM .
Che cosa può fare JavaScript?
I gestori di eventi possono essere utilizzati per gestire e verificare, l'input dell'utente, le azioni degli utenti, e le azioni del browser:
- Le cose che dovrebbe essere fatto ogni volta che viene caricata una pagina
- Le cose che dovrebbero essere fatte quando la pagina è chiusa
- Azione che deve essere eseguita quando un utente fa clic su un pulsante
- Contenuto che dovrebbe essere verificata quando un dato input dell'utente
- E altro ancora ...
Molti metodi differenti possono essere utilizzati per far lavorare JavaScript con gli eventi:
- attributi evento HTML in grado di eseguire codice JavaScript direttamente
- attributi evento HTML possono chiamare funzioni JavaScript
- È possibile assegnare le proprie funzioni di gestione eventi agli elementi HTML
- È possibile evitare che gli eventi vengano inviati o manipolato
- E altro ancora ...
Si impara molto di più su eventi e gestori di eventi in HTML DOM capitoli.
Mettiti alla prova con esercizi!
Esercizio 1 » Esercizio 2» Esercizio 3 »