- Guida HTML
- HTML - Home
- HTML - Introduzione
- HTML - Tag Basiliari
- HTML - Elementi
- HTML - Attributi
- HTML - Formattazione
- HTML - Tags Phrase
- HTML - Meta Tags
- HTML - Commenti
- HTML - Immagini
- HTML - Tabelle
- HTML - Liste
- HTML - Link Testuali
- HTML - Link nelle Immagini
- HTML - Link ad Indirizzi Email
- HTML - Frame
- HTML - Iframe
- HTML - Blocchi
- HTML - Sfondi
- HTML - Colori
- HTML - Fonts
- HTML - Form
- HTML - Incorporare Multimedia
- HTML - Marquees
- HTML - Header
- HTML - Fogli di Stile
- HTML - Javascript
- HTML - Layout
- HTML Referenze
- HTML - Riferimenti Tag
- HTML - Riferimenti Attributi
- HTML - Riferimenti Eventi
- HTML - Riferimenti Font
- HTML - Codici ASCII
- Tabella Codici ASCII
- HTML - Colori
- HTML - Entità
- HTML - Rif Font
- HTML - Rif Eventi
- MIME Media Types
- HTML - Coifica URL
- Codici Linguaggi ISO
- HTML - Codifica Caratteri
- HTML - Tag Deprecati
- HTML Risorse Utili
- HTML - Color Code Builder
- HTML - Editor Online
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 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 |
Eventi Form
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 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 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 |
Eventi media
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 |