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