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 |