Manuale di riferimento HTML

Completo di etichette HTML

Eventi HTML

Il valore dell'handler degli eventi è un'espressione, una serie di espressioni, un metodo o una chiamata a funzione separati da punti e virgola, racchiusi tra virgolette. Quando si verifica un evento, il browser esegue questo codice.

Attributi globali dell'evento

Una delle nuove caratteristiche di HTML 4 è la possibilità di far attivare comportamenti nei browser tramite eventi HTML, ad esempio avviare un pezzo di JavaScript quando l'utente clicca su un elemento HTML.

La tabella seguente fornisce gli attributi di evento standard, che possono essere inseriti negli elementi HTML/XHTML per definire il comportamento degli eventi.

HTML5: Nuovi attributi di evento aggiunti da HTML5.

Attributi dell'evento della finestra (Window Event Attributes):

L'evento viene attivato dalla finestra (applied to <body> tag):

Proprietà	Valore	Descrizione
onafterprintHTML5	script	Esegui lo script dopo la stampa del documento
onbeforeprintHTML5	script	Esegui lo script prima della stampa del documento
onbeforeonloadHTML5	script	Esegui lo script prima del caricamento del documento
onblur	script	Esegui lo script quando la finestra perde l'attenzione
onerrorHTML5	script	Esegui lo script quando si verifica un errore
onfocus	script	Esegui lo script quando la finestra riceve l'attenzione
onhaschangeHTML5	script	Esegui lo script quando il documento cambia
onload	script	Esegui lo script quando il documento si carica
onmessageHTML5	script	Esegui lo script quando si attiva un messaggio
onofflineHTML5	script	Esegui lo script quando il documento va offline
ononlineHTML5	script	Esegui lo script quando il documento va online
onpagehideHTML5	script	Esegui lo script quando la finestra si nasconde
onpageshowHTML5	script	Esegui lo script quando la finestra è visibile
onpopstateHTML5	script	Esegui lo script quando cambia la cronologia della finestra
onredoHTML5	script	Esegui lo script quando il documento esegue un'azione di ripetizione (redo)
onresizeHTML5	script	Esegui lo script quando si ridimensiona la finestra
onstorageHTML5	script	Esegui lo script quando viene aggiornata la regione di Web Storage (quando i dati nella regione di storage cambiano)
onundoHTML5	script	Esegui lo script quando il documento esegue un'azione di annullamento
onunloadHTML5	script	Esegui lo script quando l'utente lascia il documento

Eventi del modulo (Form Events)

Gli eventi del modulo si attivano nei moduli HTML (applied to all HTML elements, but the HTML element must be within the form):

Proprietà	Valore	Descrizione
onblur	script	Esegui lo script quando un elemento perde l'attenzione
onchange	script	Esegui lo script quando un elemento cambia
oncontextmenuHTML5	script	Esegui lo script quando si attiva il menu contestuale
onfocus	script	Esegui lo script quando un elemento riceve l'attenzione
onformchangeHTML5	script	Esegui lo script quando un modulo cambia
onforminputHTML5	script	Esegui lo script quando un modulo riceve input utente
oninputHTML5	script	Esegui lo script quando un elemento riceve input utente
oninvalidHTML5	script	Esegui lo script quando un elemento diventa non valido
onreset	script	Esegui lo script quando si resetta un modulo. Non supportato da HTML 5.
onselect	script	Esegui lo script quando si seleziona un elemento
onsubmit	script	Esegui lo script quando si invia un modulo

Eventi della tastiera (Keyboard Events)

Proprietà	Valore	Descrizione
onkeydown	script	Esegui lo script quando si preme una tastiera
onkeypress	script	Esegui lo script quando si preme e si rilascia una tastiera
onkeyup	script	Esegui lo script quando si rilascia una tastiera

Eventi del mouse (Mouse Events)

Attiva eventi tramite mouse, simili al comportamento dell'utente:

Proprietà	Valore	Descrizione
onclick	script	Esegui lo script quando si fa clic sul mouse
ondblclick	script	Esegui lo script quando si fa doppio clic sul mouse
onmousedown	script	Il script viene eseguito quando si preme il pulsante del mouse
onmousemove	script	Il script viene eseguito quando il puntatore del mouse si muove
onmouseout	script	Il script viene eseguito quando il puntatore del mouse si allontana dall'elemento
onmouseover	script	Il script viene eseguito quando il puntatore del mouse si posiziona sopra l'elemento
onmouseup	script	Il script viene eseguito quando si rilascia il pulsante del mouse
onmousewheelHTML5	script	Il script viene eseguito quando si gira la rotella del mouse

Eventi di Trascinamento (Drag Events)

Questo evento viene scatenato tramite lo spostamento del mouse, simile al comportamento dell'utente:

Proprietà	Valore	Descrizione
ondragHTML5	script	Il script viene eseguito quando si trascina l'elemento
ondragendHTML5	script	Il script viene eseguito quando termina l'operazione di trascinamento
ondragenterHTML5	script	Il script viene eseguito quando l'elemento viene trascinato verso un obiettivo di trascinamento valido
ondragleaveHTML5	script	Il script viene eseguito quando l'elemento lascia un obiettivo di trascinamento valido
ondragoverHTML5	script	Il script viene eseguito quando l'elemento viene trascinato sopra un obiettivo di trascinamento valido
ondragstartHTML5	script	Il script viene eseguito quando inizia l'operazione di trascinamento
ondropHTML5	script	Il script viene eseguito quando l'elemento che viene trascinato viene trascinato
onscrollHTML5	script	Il script viene eseguito quando si scorre la barra di scorrimento dell'elemento

Eventi Multimediali (Media Events)

Questo evento viene scatenato attraverso video (videos), immagini (images) o audio (audio), di solito applicato agli elementi mediatici HTML come <audio>, <embed>, <img>, <object>, e <video>):

Proprietà	Valore	Descrizione
onabort	script	Il script viene eseguito quando si verifica un evento di interruzione
oncanplayHTML5	script	Il script viene eseguito quando il mediativo può iniziare a riprodursi ma potrebbe dover fermarsi per il buffering
oncanplaythroughHTML5	script	Il script viene eseguito quando il mediativo può essere riprodotto fino alla fine senza dover fermarsi per il buffering
ondurationchangeHTML5	script	Il script viene eseguito quando la lunghezza del mediativo cambia
onemptiedHTML5	script	Il script viene eseguito quando l'elemento risorsa mediatico diventa improvvisamente vuoto (errore di rete, errore di caricamento, ecc.)
onendedHTML5	script	Il script viene eseguito quando i dati mediatici raggiungono la fine
onerrorHTML5	script	Il script viene eseguito quando si verifica un errore durante il caricamento dell'elemento
onloadeddataHTML5	script	Il script viene eseguito mentre si caricano dati mediatici
onloadedmetadataHTML5	script	Il script viene eseguito quando la durata dell'elemento mediatico e altri dati mediatici sono stati caricati
onloadstartHTML5	script	Il script viene eseguito quando il browser inizia a caricare dati mediatici
onpauseHTML5	script	Il script viene eseguito quando i dati mediatici vengono messi in pausa
onplayHTML5	script	Il script viene eseguito quando i dati mediatici stanno per iniziare a riprodursi
onplayingHTML5	script	Il script viene eseguito quando i dati mediatici iniziano a riprodursi
onprogressHTML5	script	Il script viene eseguito mentre il browser sta cercando dati mediatici
onratechangeHTML5	script	Quando la velocità di riproduzione dei dati del media cambia viene eseguito lo script
onreadystatechangeHTML5	script	Quando lo stato pronto (ready-state) cambia viene eseguito lo script
onseekedHTML5	script	Quando le proprietà di posizionamento dell'elemento media non sono più veritiere e la posizionamento è terminato viene eseguito lo script
onseekingHTML5	script	Quando le proprietà di posizionamento dell'elemento media sono veritiere e la posizionamento è iniziato viene eseguito lo script
onstalledHTML5	script	Quando ci sono errori durante il recupero dei dati del media (ritardo) viene eseguito lo script
onsuspendHTML5	script	Quando il browser sta cercando di ottenere i dati del media ma ha smesso di farlo prima di ottenere l'intero file del media viene eseguito lo script
ontimeupdateHTML5	script	Quando il media cambia la sua posizione di riproduzione viene eseguito lo script
onvolumechangeHTML5	script	Quando il volume del media cambia o quando il volume è impostato a silenzio viene eseguito lo script
onwaitingHTML5	script	Quando il media è fermato ma si intende continuare a riprodurre viene eseguito lo script

Altri eventi

Proprietà	Valore	Descrizione
onshowHTML5	script	Quando l'elemento <menu> viene visualizzato nel contesto viene attivato
ontoggleHTML5	script	Quando l'utente apre o chiude l'elemento <details> viene attivato

Canvas HTML Proprietà globali HTML