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
| 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
| 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
| 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
| 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 |