HTML - Riferimento agli eventi

Quando gli utenti visitano il tuo sito web, fanno cose come fare clic su vari link, portare il mouse su testo e immagini, ecc. Questi sono esempi di ciò che chiamiamo eventi nelle terminologie JavaScript e VBScript.

Possiamo scrivere i nostri gestori di eventi utilizzando JavaScript o VBScript e possiamo specificare alcune azioni da intraprendere contro questi eventi. Sebbene questi siano gli eventi, verranno specificati come attributi per i tag HTML.

La specifica HTML 4.01 aveva definito 19 eventi ma successivamente HTML-5 ha aggiunto molti altri eventi che abbiamo elencato qui sotto -

Attributi degli eventi della finestra

I seguenti eventi sono stati introdotti nelle versioni precedenti di HTML ma tutti i tag contrassegnati con

fanno parte di HTML-5.

Eventi HTML-5 Descrizione
onafterprint
Si attiva dopo la stampa di un documento
onbeforeprint
Si attiva prima che un documento venga stampato
onbeforeonload
Si attiva prima del caricamento di un documento
onerror
Si attiva quando si verifica un errore
onhaschange
Si attiva quando un documento viene modificato
onload Si attiva quando viene caricato un documento
onmessage
Si attiva quando viene attivato un messaggio
onoffline
Si attiva quando un documento va offline
ononline
Si attiva quando un documento è online
onpagehide
Si attiva quando una finestra è nascosta
onpageshow
Si attiva quando una finestra diventa visibile
onpopstate
Si attiva quando cambia la cronologia di una finestra
onredo
Si attiva quando un documento esegue una ripetizione
onresize
Si attiva quando una finestra viene ridimensionata
onstorage
Si attiva quando viene caricato un documento
onundo
Si attiva quando un documento esegue un annullamento
onunload Si attiva quando un utente abbandona il documento

Eventi modulo

I seguenti tag sono stati introdotti nelle versioni precedenti di HTML, ma tutti i tag contrassegnati con

fanno parte di HTML-5.

Eventi HTML-5 Descrizione
sfocato Si attiva quando una finestra perde lo stato attivo
onchange Si attiva quando un elemento cambia
oncontextmenu
Si attiva quando viene attivato un menu contestuale
onfocus Si attiva quando una finestra viene attivata
onformchange
Si attiva quando un modulo cambia
onforminput
Si attiva quando un modulo riceve l'input dell'utente
oninput
Si attiva quando un elemento riceve l'input dell'utente
oninvalid
Si attiva quando un elemento non è valido
onreset Si attiva quando un modulo viene reimpostato
onselect Si attiva quando viene selezionato un elemento
onsubmit Si attiva quando viene inviato un modulo

Eventi di tastiera

Eventi HTML-5 Descrizione
onkeydown Si attiva quando viene premuto un tasto
onkeypress Si attiva quando un tasto viene premuto e rilasciato
onkeyup Si attiva quando viene rilasciato un tasto

Eventi del mouse

I seguenti tag sono stati introdotti nelle versioni precedenti di HTML, ma tutti i tag contrassegnati con

fanno parte di HTML-5.

Eventi HTML-5 Descrizione
al clic Si attiva con un clic del mouse
ondblclick Trigger su un doppio clic del mouse
ondrag
Si attiva quando un elemento viene trascinato
ondragend
Si attiva alla fine di un'operazione di trascinamento
ondragenter
Si attiva quando un elemento è stato trascinato su una destinazione di rilascio valida
ondragleave
Si attiva quando un elemento lascia un obiettivo di rilascio valido
ondragover
Si attiva quando un elemento viene trascinato su una destinazione di rilascio valida
ondragstart
Si attiva all'inizio di un'operazione di trascinamento
ondrop
Si attiva quando un elemento trascinato viene rilasciato
onmousedown Si attiva quando viene premuto un pulsante del mouse
onmousemove Si attiva quando il puntatore del mouse si sposta
onmouseout Si attiva quando il puntatore del mouse esce da un elemento
onmouseover Si attiva quando il puntatore del mouse si sposta su un elemento
onmouseup   Si attiva quando viene rilasciato un pulsante del mouse
onmousewheel
Si attiva quando la rotellina del mouse viene ruotata
onscroll
Si attiva quando viene fatto scorrere la barra di scorrimento di un elemento

Eventi multimediali

I seguenti tag sono stati introdotti nelle versioni precedenti di HTML, ma tutti i tag contrassegnati con

fanno parte di HTML-5.

Eventi HTML-5 Descrizione
onabort Trigger su un evento di interruzione
oncanplay
Si attiva quando un supporto può avviare la riproduzione, ma potrebbe essere necessario interromperla per il buffering
oncanplaythrough
Si attiva quando un supporto può essere riprodotto fino alla fine, senza fermarsi per il buffering
ondurationchange
Si attiva quando la lunghezza di un supporto viene modificata
svuotato
Si attiva quando un elemento di una risorsa multimediale diventa improvvisamente vuoto.
onended
Si attiva quando un supporto raggiunge la fine
onerror
Si attiva quando si verifica un errore
onloadeddata
Si attiva quando vengono caricati i dati del supporto
onloadedmetadata
Si attiva quando vengono caricati la durata e altri dati multimediali di un elemento multimediale
onloadstart
Si attiva quando il browser avvia il caricamento dei dati multimediali
in pausa
Si attiva quando i dati multimediali vengono messi in pausa
onplay
Si attiva quando i dati multimediali stanno per iniziare la riproduzione
onplaying
Si attiva quando inizia la riproduzione dei dati multimediali
onprogress
Si attiva quando il browser sta recuperando i dati multimediali
onratechange
Si attiva quando la velocità di riproduzione dei dati multimediali cambia
onreadystatechange
Si attiva quando cambia lo stato di pronto
onseeked
Si attiva quando l'attributo di ricerca di un elemento multimediale non è più vero e la ricerca è terminata
alla ricerca
Si attiva quando l'attributo di ricerca di un elemento multimediale è vero e la ricerca è iniziata
onstalled
Si attiva quando si verifica un errore durante il recupero dei dati multimediali
onsuspend
Si attiva quando il browser sta recuperando i dati multimediali, ma si è arrestato prima che l'intero file multimediale venisse recuperato
ontimeupdate
Si attiva quando il supporto cambia la sua posizione di riproduzione
onvolumechange
Si attiva quando un supporto cambia il volume, anche quando il volume è impostato su "muto"
in attesa
Si attiva quando la riproduzione del supporto viene interrotta, ma dovrebbe riprendere