Slik konverterer keycode til ASCII med Javascript

Evnen til å oppdage et nettsted besøkendes tastetrykk kan hjelpe deg å bygge mer interaktive webapplikasjoner. Et spill program, for eksempel, kan ha behov for å vite karakterene en bruker presser for å styre spillet. Nettlesere kjenner desimalverdier av disse tegnene. Desimalverdien 68, for eksempel, representerer store bokstaver ASCII tegn "D." Søknaden din kan undersøke disse desimaltall og konvertere dem til sine ASCII ekvivalenter ved hjelp av Javascript.

Bruksanvisning

1 Start din HTML editor og åpne et HTML-dokument.

2 Lag en tekstboks ved å legge til denne koden til dokumentets "body" -delen:

<Input type = "text" size = "20" onkeyup = "showKeyPressed (event);" />

Den "onkeyup" event kaller "showKeyPressed" Javascript-funksjonen når du skriver noe i tekstboksen.

3 Legg denne Javascript-kode til dokumentets "<head>" -delen:

funksjon showKeyPressed (e) {

Var keyPressed;

if (e.keyCode)

keyPressed = e.keyCode;

ellers

keyPressed = e.charCode;

Var keyASCII = String.fromCharCode (keyPressed);

alert ( "Keycode =" + keyPressed + "- Dens ASCII verdien er" + keyASCII);

}

Denne funksjonen mottar "onkeyup" hendelse sendt av tekstboksen og konverterer den til ASCII bruke "fromCharCode" -funksjonen.

4 Lagre dokumentet og vise den i en nettleser. Skriv inn alle tegn i tekstboksen. En varselmelding viser tallverdien av nøkkelen du trykket sammen med nøkkelen sin ASCII-verdi.

Hint

  • Dette eksemplet viser hvordan du undersøke tastetrykk inngått en tekstboks og konvertere dem til ASCII. Dette fungerer med andre innspill kontroller så vel slike som textarea bokser. Bare legg til onkeyup = "showKeyPressed (event);" hendelsen i HTML-koden, og Javascript-funksjonen vil behandle hendelsen akkurat som det gjør med tekstboksen. Følgende uttalelse viser hvordan du konfigurerer en textarea kontroll:
  • <Textarea id = "TextArea1" rader = "2" kolonner = "20" onkeyup = "showKeyPressed (event);"> </ textarea>