HTML - Referenze Eventi




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:

Attributi degli Eventi Finstra

I seguenti tag sono stati introdotti nelle versioni precedenti di HTML ma quelli indicati con HTML-5 fanno parte di HTML-5.

Eventi HTML-5 Descrizione
onafterprint HTML-5 Cattura dopo che un documento viene stampato
onbeforeprint HTML-5 Cattura prima che un documento venga stampato
onbeforeonload HTML-5 Cattura prima che il documento venga caricato
onerror HTML-5 Cattura quando si verifica un errore
onhaschange HTML-5 Cattura quando un documento cambia
onload   Cattura quando si carica un documento
onmessage HTML-5 Cattura quando si ha un messaggio
onoffline HTML-5 Cattura quando un documento diventa offline
ononline HTML-5 Cattura quando la pagina diviene online
onpagehide HTML-5 Cattura quando la finestra è nascosta
onpageshow HTML-5 Cattura quando una finestra diventa visibile
onpopstate HTML-5 Cattura quando una cronologia cambia
onredo HTML-5 Cattura quando viene effettuato un ripristino
onresize HTML-5 Cattura quando una finestra viene ridimensionata
onstorage HTML-5 Cattura quando un documento carica
onundo HTML-5 Cattura quando un documento effettua un undo
onunload   Cattura quando un utente lascia il documento

Eventi Form

I seguenti tag sono stati introdotti nelle versioni precedenti di HTML ma quelli indicati con HTML-5 fanno parte di HTML-5.

Eventi HTML-5 Descrizione
onblur   Cattura quando una finestra perde il focus
onchange   Cattura quando un elemenco cambia
oncontextmenu HTML-5 Cattura quando viene selezionato un menu di contesto
onfocus   Cattura quando una finestra ottiene il focus
onformchange HTML-5 Cattura quando un form cambia
onforminput HTML-5 Cattura quando un form riceve un input
oninput HTML-5 Cattura quando un elemento del form riceve un input
oninvalid HTML-5 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 Tastiera

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

Eventi del Mouse

I seguenti tag sono stati introdotti nelle versioni precedenti di HTML ma quelli indicati con HTML-5 fanno parte di HTML-5.

Eventi HTML-5 Descrizione
onclick   Cattura un click del mouse
ondblclick   Cattura un doppio click del mouse
ondrag HTML-5 Cattura quando un elemento viene trascinato
ondragend HTML-5 Cattura quando un elemento termina di essere trascinato
ondragenter HTML-5 Cattura quando un elemento viene trascinato in un valida drop target
ondragleave HTML-5 Cattura quando un element lascia una drop target
ondragover HTML-5 Cattura quando un elemento viene trascinato in una drop area
ondragstart HTML-5 Cattura l'inizio di un trascinamento
ondrop HTML-5 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 HTML-5 Cattura quando viene utilizzata la rotella del mouse
onscroll HTML-5 Cattura un elemento viene scrollato

Eventi media

I seguenti tag sono stati introdotti nelle versioni precedenti di HTML ma quelli indicati con HTML-5 fanno parte di HTML-5.

Eventi HTML-5 Descrizione
onabort   Cattura un evento di annullamento
oncanplay HTML-5 Cattura quando un media inizia la riproduzione, ma eve fermarsi per caricare
oncanplaythrough HTML-5 Cattura quando un media arriva alla fine, senza che venga stoppato
ondurationchange HTML-5 Cattura quando cambia la lunghezza del media
onemptied HTML-5 Cattura quando un elemento media diventa vuoto
onended HTML-5 Cattura quando un media raggiunge la fine
onerror HTML-5 Cattura quando avviene un errore
onloadeddata HTML-5 Cattura quando vengono caricati i media data
onloadedmetadata HTML-5 Cattura quando la durata e altri dati di un elemento media vengono caricati
onloadstart HTML-5 Cattura quando il browser inizia a caricare il media
onpause HTML-5 Cattura quando un media viene messo in pausa
onplay HTML-5 Cattura quando un media data inizia la riproduzione
onplaying HTML-5 Cattura quando un media inizia la riproduzione
onprogress HTML-5 Cattura quando un browser carica un media
onratechange HTML-5 Cattura quando la riproduzione del media cambia
onreadystatechange HTML-5 Cattura quando the ready-state changes
onseeked HTML-5 Cattura quando the seeking attribute of a media element is no longer true, and the seeking has ended
onseeking HTML-5 Cattura quando the seeking attribute of a media element is true, and the seeking has begun
onstalled HTML-5 Cattura quando c'è un errore nel media data
onsuspend HTML-5 Cattura quando il browser carica il media data, ma viene stoppato prima che venga ricevuto l'intero file media
ontimeupdate HTML-5 Cattura quando un media cambia il tempo di riproduzione
onvolumechange HTML-5 Cattura quando un media cambia il volume audio, anche se il volume viene impostato a 0.
onwaiting HTML-5 Cattura quando un media interrompe la riproduzione, ma si presume riparti
Advertisements