Intercettazione tasti

Printable View

01-02-2013, 23.57.11

Intercettazione tasti

Ragazzi ho iniziato lo studio di JavaScript e stavo sperimentando con questo script.

Codice:

<html> <head> <title>esempio keyCode</title> <script type="text/javascript"> function mostraCodiceTasto(event) { tasto = event.keyCode; document.write(tasto, "<br>"); } </script> </head> <body onkeydown="mostraCodiceTasto(event);"> <p>Premere un tasto qualsiasi.</p> </body> </html>

Io vorrei che ogni volta si preme un tasto sulla tastiera, lo script mi stampi a video il relativo codice unicode del tasto premuto, ma non capisco come mai funziona solo la prima volta.
Come dovrei fare per farlo funzionare sempre?
02-02-2013, 00.19.55
dreadnaut

Dove hai iniziato a studiare javascript? Occhio che non siano risorse obsolete. Ce ne sono un sacco, fin troppe in italiano.

Il problema principale qua è che document.write() funziona solo mentre la pagina è in caricamento, o subito alla fine dello stesso. Per aggiungere o modificare testo nella pagina una volta che questa è nel browser devi agire sull'albero del documento.

Ad esempio: puoi prepararti un tag vuoto, recuperarlo tramite id, e poi andarci a scrivere dentro il carattere premuto:

Codice HTML:

<html> <head> <meta charset="utf-8" /> <title>esempio keyCode</title> <script type="text/javascript"> function mostraCodiceTasto(event) { tasto = event.keyCode; document.getElementById('carattere').innerHTML = tasto; } </script> </head> <body onkeydown="mostraCodiceTasto(event);"> <p>Premere un tasto qualsiasi: <span id="carattere"></span></p> </body> </html>
02-02-2013, 01.02.38

Citazione:

Originalmente inviato da dreadnaut

Dove hai iniziato a studiare javascript? Occhio che non siano risorse obsolete. Ce ne sono un sacco, fin troppe in italiano.

In effetti c'è talmente tanto materiale in rete che sono un po spaesato, tu sai indirizzarmi su qualcosa? Che sia in italiano però.

Citazione:

Originalmente inviato da dreadnaut

Il problema principale qua è che document.write() funziona solo mentre la pagina è in caricamento, o subito alla fine dello stesso. Per aggiungere o modificare testo nella pagina una volta che questa è nel browser devi agire sull'albero del documento.

Ad esempio: puoi prepararti un tag vuoto, recuperarlo tramite id, e poi andarci a scrivere dentro il carattere premuto:

Codice HTML:

<html> <head> <meta charset="utf-8" /> <title>esempio keyCode</title> <script type="text/javascript"> function mostraCodiceTasto(event) { tasto = event.keyCode; document.getElementById('carattere').innerHTML = tasto; } </script> </head> <body onkeydown="mostraCodiceTasto(event);"> <p>Premere un tasto qualsiasi: <span id="carattere"></span></p> </body> </html>

Grazie 1000!