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 |