18 Javascript: Eventi addEventListener()

 

Scrivi il seguente programma che gestisce gli eventi della tastiera.

Non necessario copiare i commenti ma leggili attentamente.

 

<script>

// mostra il numero del tasto associato a un evento

function gestisciEventoTasto(evento) {

alert( "Ciao, hai premuto il tasto " + evento.keyCode );

}

 

// associamo la funzione a quando viene premuto un tasto

addEventListener("keydown", gestisciEventoTasto );

</script>

 

Prova a premere dei tasti per vedere a che numero corrispondono.

Devi scoprire il numero dei tasti con le freccie.

 

Aggiungi adesso la seguente parte per gestire gli eventi click del mouse:

 

// funzione da usare con il click del mouse

function gestisciEventoClick(evento) {

alert( "Ciao, hai fatto click " + evento.pageX + " " + evento.pageY );

}

 

// associamo la funzione a quando si fa click

addEventListener("click", gestisciEventoClick );

 

 

 

Aggiungi adesso la seguente parte per gestire gli eventi ruzzola del mouse:

 

 

// funzione da usare quando si gira la ruzzola

function gestisciEventoRuzzola(evento) {

alert( "Ciao, hai girato la ruzzola" );

}

 

// associamo la funzione a quando si gira la ruzzola

addEventListener("wheel", gestisciEventoRuzzola );

 

 

 

 

Il programma completo dovrebbe essere in grado di rispondere agli eventi della tastiera, al click del mouse ed alla ruzzola del mouse.