Cómo convertir KeyCode a ASCII con JavaScript

Escrito por kevin lee | Traducido por analia moranchel
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo convertir KeyCode a ASCII con JavaScript
La capacidad para detectar las pulsaciones de tecla de un visitante en el sitio puede ayudarte a crear más aplicaciones interactivas para web. (Jupiterimages/Photos.com/Getty Images)

La capacidad para detectar las pulsaciones de tecla de un visitante en el sitio puede ayudarte a crear más aplicaciones interactivas para web. Un programa de videojuego, por ejemplo, puede necesitar conocer los caracteres que un usuario presiona con el fin de controlar el juego. Los navegadores saben los valores decimales de esos caracteres. El valor decimal 68, por ejemplo, representa el carácter ASCII de "D" mayúscula. Tu aplicación puede examinar esos valores decimales y convertirlos a sus equivalentes ASCII mediante JavaScript.

Nivel de dificultad:
Moderado

Otras personas están leyendo

Instrucciones

  1. 1

    Inicia el editor de HTML y abre un documento HTML.

  2. 2

    Crea un cuadro de texto al agregar este código a la sección de "body" del documento:

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

    El evento "onkeyup" llama a la función JavaScript "showKeyPressed" cuando escribes algo en el cuadro de texto.

  3. 3

    Añade este código JavaScript a la sección "<head>" del documento:

    function showKeyPressed(e) {

    var keyPressed; if (e.keyCode) keyPressed = e.keyCode; else keyPressed = e.charCode;

    var keyASCII = String.fromCharCode(keyPressed); alert("Keycode = " + keyPressed + " - Its ASCII value is " + keyASCII); } Esta función recibe el evento "onkeyup" enviado por el cuadro de texto y la convierte a ASCII con la función "fromCharCode".

  4. 4

    Guarda el documento y visualízalo en un navegador. Escribe cualquier carácter en el cuadro de texto. Un mensaje de alerta mostrará el valor numérico de la tecla que pulsaste junto con el valor ASCII de la misma.

Consejos y advertencias

  • Este ejemplo demuestra cómo examinar las pulsaciones de tecla ingresadas en un cuadro de texto y las convierte a ASCII. Esto funciona con otros controles de entrada, así como con casillas de textarea. Simplemente agrega el evento onkeyup="showKeyPressed(event);" a tu etiqueta de HTML y la función de JavaScript procesará el evento como lo hace con el cuadro de texto. La siguiente instrucción muestra cómo configurar un control textarea:

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles