
Quando un utente visita il tuo sito web, effettua operazioni come clickare sui vari link, passare il mouse sopra testi o immagini, ecc. A seguire ci saranno degli esempi di ciò che nelle terminologie Javascript e VBScript viene chiamato evento.
Possiamo gestire gli eventi utilizzando Javascript o VBScript e specificare alcune azioni da effettuare al verificarsi di questi eventi. Anche se questi sono eventi, possono essere definiti come attributi per i tag HTML.
L' HTML 4.01 ha definito 19 possibili eventi, ed in seguito, con HTML-5 ne sono stati aggiunti molti altri che sono elencati qui di seguito:
I seguenti tag sono stati introdotti nelle versioni precedenti di HTML ma quelli indicati con
fanno parte di HTML-5.
| Eventi | HTML-5 | Descrizione |
|---|---|---|
| onafterprint | Cattura dopo che un documento viene stampato | |
| onbeforeprint | Cattura prima che un documento venga stampato | |
| onbeforeonload | Cattura prima che il documento venga caricato | |
| onerror | Cattura quando si verifica un errore | |
| onhaschange | Cattura quando un documento cambia | |
| onload | Cattura quando si carica un documento | |
| onmessage | Cattura quando si ha un messaggio | |
| onoffline | Cattura quando un documento diventa offline | |
| ononline | Cattura quando la pagina diviene online | |
| onpagehide | Cattura quando la finestra è nascosta | |
| onpageshow | Cattura quando una finestra diventa visibile | |
| onpopstate | Cattura quando una cronologia cambia | |
| onredo | Cattura quando viene effettuato un ripristino | |
| onresize | Cattura quando una finestra viene ridimensionata | |
| onstorage | Cattura quando un documento carica | |
| onundo | Cattura quando un documento effettua un undo | |
| onunload | Cattura quando un utente lascia il documento |
I seguenti tag sono stati introdotti nelle versioni precedenti di HTML ma quelli indicati con
fanno parte di HTML-5.
| Eventi | HTML-5 | Descrizione |
|---|---|---|
| onblur | Cattura quando una finestra perde il focus | |
| onchange | Cattura quando un elemenco cambia | |
| oncontextmenu | Cattura quando viene selezionato un menu di contesto | |
| onfocus | Cattura quando una finestra ottiene il focus | |
| onformchange | Cattura quando un form cambia | |
| onforminput | Cattura quando un form riceve un input | |
| oninput | Cattura quando un elemento del form riceve un input | |
| oninvalid | Cattura quando un elemento del form non è valido | |
| onreset | Cattura quando un form viene resettato | |
| onselect | Cattura quando viene selezionato un elemento | |
| onsubmit | Cattura quando viene inviato un form |
| Eventi | HTML-5 | Descrizione |
|---|---|---|
| onkeydown | Cattura quando viene premuto un tasto | |
| onkeypress | Cattura quando un tasto viene premuto e rilasciato | |
| onkeyup | Cattura quando un tasto viene rilasciato |
I seguenti tag sono stati introdotti nelle versioni precedenti di HTML ma quelli indicati con
fanno parte di HTML-5.
| Eventi | HTML-5 | Descrizione |
|---|---|---|
| onclick | Cattura un click del mouse | |
| ondblclick | Cattura un doppio click del mouse | |
| ondrag | Cattura quando un elemento viene trascinato | |
| ondragend | Cattura quando un elemento termina di essere trascinato | |
| ondragenter | Cattura quando un elemento viene trascinato in un valida drop target | |
| ondragleave | Cattura quando un element lascia una drop target | |
| ondragover | Cattura quando un elemento viene trascinato in una drop area | |
| ondragstart | Cattura l'inizio di un trascinamento | |
| ondrop | Cattura quando viene trascintato un elemento | |
| onmousedown | Cattura quando viene premuto un pulsante del mouse | |
| onmousemove | Cattura quando si muove il cursore del mouse | |
| onmouseout | Cattura quando il cursore del mouse esce fuori da un elemento | |
| onmouseover | Cattura quando il cursore del mouse passa sopra un elemento | |
| onmouseup | Cattura quando viene rilasciato un tasto del mouse | |
| onmousewheel | Cattura quando viene utilizzata la rotella del mouse | |
| onscroll | Cattura un elemento viene scrollato |
I seguenti tag sono stati introdotti nelle versioni precedenti di HTML ma quelli indicati con
fanno parte di HTML-5.
| Eventi | HTML-5 | Descrizione |
|---|---|---|
| onabort | Cattura un evento di annullamento | |
| oncanplay | Cattura quando un media inizia la riproduzione, ma eve fermarsi per caricare | |
| oncanplaythrough | Cattura quando un media arriva alla fine, senza che venga stoppato | |
| ondurationchange | Cattura quando cambia la lunghezza del media | |
| onemptied | ![]() |
Cattura quando un elemento media diventa vuoto |
| onended | Cattura quando un media raggiunge la fine | |
| onerror | Cattura quando avviene un errore | |
| onloadeddata | Cattura quando vengono caricati i media data | |
| onloadedmetadata | Cattura quando la durata e altri dati di un elemento media vengono caricati | |
| onloadstart | Cattura quando il browser inizia a caricare il media | |
| onpause | Cattura quando un media viene messo in pausa | |
| onplay | Cattura quando un media data inizia la riproduzione | |
| onplaying | Cattura quando un media inizia la riproduzione | |
| onprogress | Cattura quando un browser carica un media | |
| onratechange | Cattura quando la riproduzione del media cambia | |
| onreadystatechange | Cattura quando the ready-state changes | |
| onseeked | Cattura quando the seeking attribute of a media element is no longer true, and the seeking has ended | |
| onseeking | Cattura quando the seeking attribute of a media element is true, and the seeking has begun | |
| onstalled | Cattura quando c'è un errore nel media data | |
| onsuspend | Cattura quando il browser carica il media data, ma viene stoppato prima che venga ricevuto l'intero file media | |
| ontimeupdate | Cattura quando un media cambia il tempo di riproduzione | |
| onvolumechange | Cattura quando un media cambia il volume audio, anche se il volume viene impostato a 0. | |
| onwaiting | Cattura quando un media interrompe la riproduzione, ma si presume riparti |