Un evento viene catturato e affidato al gestore corrispondente.
Ad ogni gestore di evento è possibile associare uno script.
Si possono associare diversi gestori ad ogni elemento e lo script può essere molto lungo o richiamare delle funzioni molto complesse.
Gli eventi possono essere automatici oppure provocati dall’interazione dell’utente
Eventi automatici
- onload onunload
- …
Eventi provocati dall’interazione dell’utente
- MouseEvent: onclick ondblclick onmousedown onmousemove onmouseover onmouseout onmouseup
- FocusEvent: onblur onfocus …
- KeyboardEvent: onkeydown onkeypress onkeyup
- onchange onselect
- onreset onsubmit
- …
Gli elementi di controllo si usano normalmente per realizzare i FORM ma anche da soli possono aggiungere interattività al documento
- BUTTON
- INPUT button, text, password, submit, reset, …
- SELECT
- TEXTAREA
In ordine alfabetico
| Gestore | Evento | Causa | |
| onblur() | FocusEvent | Blur | Perdita del fuoco (elemento, finestra) |
| onchange() | Change | Change | modifica del contenuto della casella/area di testo, menu |
| onclick() | MouseEvent | Click | Pulsanti del mouse |
| ondblclick() | MouseEvent | Double Click | Pulsanti del mouse |
| ondragdrop() | Drag and Drop | Drag and Drop | Trascinamento del mouse |
| onfocus() | FocusEvent | Focus | Acquisizione del fuoco (elemento, finestra) |
| onkeydown() | KeyboardEvent | Key Down | Tasto della tastiera abbassato |
| onkeypress() | KeyboardEvent | Key Press | Tasto della tastiera premuto |
| onkeyup() | KeyboardEvent | Key Up | Tasto della tastiera alzato |
| onload() | Load | Load | Finestre |
| onmousedown() | MouseEvent | Mouse Down | Pulsanti del mouse |
| onmouseover() | MouseEvent | Mouse Over | Movimento del mouse |
| onmouseout() | MouseEvent | Mouse Out | Movimento del mouse |
| onmouseup() | MouseEvent | Mouse Up | Pulsanti del mouse |
| onmove() | Move | Move | Movimento del mouse |
| onreset() | Reset | Reset | Pulsante specifico |
| onresize() | Resize | Resize | Finestre |
| onscroll() | Scroll | Scroll | Finestre |
| onselect() | Select | Select | selezione del contenuto della casella/area di testo |
| onsubmit() | Submit | Submit | Pulsante specifico |
| onunload() | Unload | Unload | Finestre |