Scaricare la presentazione
La presentazione è in caricamento. Aspetta per favore
1
JavaScript 7. Eventi di JavaScript
2
Uno script può essere eseguito in base al verificarsi di un evento
Non tutti gli eventi vengono riconosciuti dai browser e dagli interpreti JavaScript integrati Opportuno limitarsi agli eventi più supportati o conoscere in modo approfondito i possibili “utenti” delle pagine Gli eventi
3
Alcuni eventi legati al mouse
onClick onDblClick onMouseDown onMouseUp onMouseOver onMouseOut Alcuni eventi legati al mouse
4
<html> <head> <script> function messaggio(testo) { window.status=testo } </script> </head> <body onLoad="messaggio('caricato documento');"> gestione eventi<BR> <HR> <a href="#" onMouseOver="messaggio('passaggio sul link');return true;" onMouseOut="messaggio('uscito dal link');return true;" onClick="messaggio('cliccato sul link');return true;" > collegamento </a> </body> </html> Mouse … esempio
5
Alcuni eventi legati alla tastiera
onKeyDown onKeyUp onKeyPress Alcuni eventi legati alla tastiera
6
<form> FAHRENHEIT : <input type="text" name=“gradi" onKeyUp="this.form.fahrenheit.value=(this.value- 32)*5/9"> <br> CELSIUS : <input type="text" name="fahrenheit" onKeyUp="this.form.gradi.value=this.value*9/5+32"> <input type="reset" name="Submit" value="Reset"> </form> Tastiera … esempio
7
Alcuni eventi legati alle immagini e alle finestre
onLoad onScroll onResize onFocus onBlur Alcuni eventi legati alle immagini e alle finestre
8
Scrivere una pagina HTML contenente script JavaScript che contiene un pulsante, passando col mouse sul pulsante il colore di sfondo della pagina diventa rosso, uscendo dal pulsante il colore di sfondo della pagine diventa verde Esercizi (1)
9
Scrivere una pagina HTML contenente script JavaScript che contiene un pulsante, passando col mouse sul pulsante nella barra di stato appare la scritta “dentro”, uscendo dal pulsante nella barra di stato appare la stringa “fuori” Esercizi (2)
10
Scrivere una pagina HTML contenente script JavaScript che contiene un form con un campo di testo, l’evento onSubmit controlla che il valore contenuto nel campo di testo sia “JavaScript”, in caso contrario visualizza un messaggio di errore mediante alert Esercizi (3)
Presentazioni simili
