Concetti Chiave
- Gli eventi in Javascript sono reazioni a interazioni dell'utente con il documento, come il caricamento della pagina o un clic del mouse.
- La sintassi per gestire gli eventi usa l'attributo nomeEvento su un elemento, associando un'azione da eseguire.
- Gli eventi legati al body includono onload, onunload, onresize e onscroll, rispondendo a modifiche di stato della pagina.
- Eventi del mouse comprendono onclick, ondbclick, oncontextmenu, onmouseover, onmouseout e onmousemove, coprendo varie interazioni del cursore.
- Eventi della tastiera come onkeypress, onkeydown e onkeyup catturano le diverse fasi della pressione di un tasto.
Indice
Eventi principali in Javascript
Gli eventi in Javascript sono le conseguenze di un'azione eseguita all'interno del documento. Per esempio, quando qualcuno batte le mani viene provocato un suono. Il battito di mani è l'azione, il suono è la conseguenza e, quindi, l'evento.
Per creare degli eventi, la sintassi è la seguente:
elemento nomeEvento="codice" >
*corrisponde ad un elemento della pagina
*corrisponde al nome di un evento
*corrisponde a ciò che deve accadere al verificarsi dell'evento
Esistono moltissimi eventi in Javascript, i principali sono quelli legati al body, al click del mouse, alla tastiera e alle form.
Eventi legati al body
*onload: quando la pagina si carica
*onunload: quando la pagina viene chiusa
*onresize: quando la pagina viene ridimensionata
*onscroll: quando la pagina viene scrollata
Eventi legati al mouse
*onclick: quando il tasto sinistro del mouse viene cliccato
*ondbclick: quando il tasto sinistro del mouse viene cliccato due volte di fila
*oncontextmenu: quando il tasto destro del mouse viene cliccato
*onmouseover: quando il cursore del mouse effettua l'ingresso su un elemento
*onmouseout: quando il cursore del mouse esce da un elemento
*onmousemove: quando il cursore del mouse si muove su un elemento
Eventi legati alla tastiera
*onkeypress: quando c'è pressione su un tasto
*onkeydown: quando viene premuto un tasto
*onkeyup: quando viene rilasciato un tasto
Eventi legati alle form
*onsubmit: quando il tasto sumbit (invio) viene premuto
*onreset: quando il tasto reset viene premuto