Skip to main content
se añadieron 11 caracteres en el cuerpo
Origen Enlace
Ivan Botero
  • 6.8k
  • 10
  • 36
  • 57

Podrias hacer algo como estolo siguiente:

function onKeyDownHandler(event) {

    var codigo = event.which || event.keyCode;

    console.log("Presionada: " + codigo);
     
    if(codigo === 13){
      console.log("Tecla ENTER");
    }

    if(codigo >= 65 && codigo <= 90){
      console.log(String.fromCharCode(codigo));
    }

     
}
<input onkeydown="onKeyDownHandler(event);"/>

Lo primero que se ha hechohacemos es incluir el paso de la variable event alevent en el evento OnKeyDownOnKeyDown. Esto sirve para que en el momento en que el evento se ejecute, este pueda tener acceso a la informacion respectiva a la tecla.

<input onkeydown="onKeyDownHandler(event);"/>

PuedesLo segundo es usar esta instruccion:

var codigo = event.which || event.keyCode;

Esta nos permite obtener el codigo de la tecla presionada. Usamos which debido a que el parametro keyCode puede no funcionar en todos los navegadores.

Si quieres conocer al respecto de las otras teclas (Escape, Enter, Shift, Etc), puedes mirar esta pagina, aqui se incluyen ejemplos de los codigos de las teclas.

Se usaAcerca del uso de la instruccion whichwhich y keyCode ya que algunos navegadores no soportan alguno de los dos. Es decir para permitir portabilidad entre navegadores,keyCode puedes mirar este enlace, en donde se indica el porque.

Podrias hacer algo como esto:

function onKeyDownHandler(event) {

    var codigo = event.which || event.keyCode;

    console.log("Presionada: " + codigo);
     
    if(codigo === 13){
      console.log("Tecla ENTER");
    }

    if(codigo >= 65 && codigo <= 90){
      console.log(String.fromCharCode(codigo));
    }

     
}
<input onkeydown="onKeyDownHandler(event);"/>

Lo que se ha hecho es incluir el paso de la variable event al evento OnKeyDown.

Puedes mirar esta pagina, aqui se incluyen ejemplos de los codigos de las teclas.

Se usa la instruccion which y keyCode ya que algunos navegadores no soportan alguno de los dos. Es decir para permitir portabilidad entre navegadores, puedes mirar este enlace, en donde se indica el porque.

Podrias hacer algo como lo siguiente:

function onKeyDownHandler(event) {

    var codigo = event.which || event.keyCode;

    console.log("Presionada: " + codigo);
     
    if(codigo === 13){
      console.log("Tecla ENTER");
    }

    if(codigo >= 65 && codigo <= 90){
      console.log(String.fromCharCode(codigo));
    }

     
}
<input onkeydown="onKeyDownHandler(event);"/>

Lo primero que hacemos es incluir la variable event en el evento OnKeyDown. Esto sirve para que en el momento en que el evento se ejecute, este pueda tener acceso a la informacion respectiva a la tecla.

<input onkeydown="onKeyDownHandler(event);"/>

Lo segundo es usar esta instruccion:

var codigo = event.which || event.keyCode;

Esta nos permite obtener el codigo de la tecla presionada. Usamos which debido a que el parametro keyCode puede no funcionar en todos los navegadores.

Si quieres conocer al respecto de las otras teclas (Escape, Enter, Shift, Etc), puedes mirar esta pagina, aqui se incluyen ejemplos de los codigos de las teclas.

Acerca del uso de la instruccion which y keyCode puedes mirar este enlace, en donde se indica el porque.

se añadieron 11 caracteres en el cuerpo
Origen Enlace
Ivan Botero
  • 6.8k
  • 10
  • 36
  • 57

Podrias hacer algo como esto:

function onKeyDownHandler(event) {

    var codigo = event.which || event.keyCode;

    console.log("Presionada: " + codigo);
     
    if(codigo === 13){
      console.log("Tecla ENTER");
    }

    if(codigo >= 65 && codigo <= 90){
      console.log("Tecla Alfabeto"String.fromCharCode(codigo));
    }

     
}
<input onkeydown="onKeyDownHandler(event);"/>

Lo que se ha hecho es incluir el paso de la variable event al evento OnKeyDown.

Puedes mirar esta pagina, aqui se incluyen ejemplos de los codigos de las teclas.

Se usa la instruccion which y keyCode ya que algunos navegadores no soportan alguno de los dos. Es decir para permitir portabilidad entre navegadores, puedes mirar este enlace, en donde se indica el porque.

Podrias hacer algo como esto:

function onKeyDownHandler(event) {

    var codigo = event.which || event.keyCode;

    console.log("Presionada: " + codigo);
     
    if(codigo === 13){
      console.log("Tecla ENTER");
    }

    if(codigo >= 65 && codigo <= 90){
      console.log("Tecla Alfabeto");
    }

     
}
<input onkeydown="onKeyDownHandler(event);"/>

Lo que se ha hecho es incluir el paso de la variable event al evento OnKeyDown.

Puedes mirar esta pagina, aqui se incluyen ejemplos de los codigos de las teclas.

Se usa la instruccion which y keyCode ya que algunos navegadores no soportan alguno de los dos. Es decir para permitir portabilidad entre navegadores, puedes mirar este enlace, en donde se indica el porque.

Podrias hacer algo como esto:

function onKeyDownHandler(event) {

    var codigo = event.which || event.keyCode;

    console.log("Presionada: " + codigo);
     
    if(codigo === 13){
      console.log("Tecla ENTER");
    }

    if(codigo >= 65 && codigo <= 90){
      console.log(String.fromCharCode(codigo));
    }

     
}
<input onkeydown="onKeyDownHandler(event);"/>

Lo que se ha hecho es incluir el paso de la variable event al evento OnKeyDown.

Puedes mirar esta pagina, aqui se incluyen ejemplos de los codigos de las teclas.

Se usa la instruccion which y keyCode ya que algunos navegadores no soportan alguno de los dos. Es decir para permitir portabilidad entre navegadores, puedes mirar este enlace, en donde se indica el porque.

se eliminaron 21 caracteres en el cuerpo
Origen Enlace
Ivan Botero
  • 6.8k
  • 10
  • 36
  • 57

Podrias hacer algo como esto:

function onKeyDownHandler(event) {

    var codigo = event.which || event.keyCode;

    console.log("Presionada: " + codigo);
     
    if(codigo === 13){
      console.log("Tecla ENTER");
    }

    if(codigo >= 65 && codigo <= 90){
      console.log("Tecla Alfabeto");
    }

     
}
<input onkeydown="onKeyDownHandler(event);"/>

Lo que se ha hecho es incluir el paso de la variable event al evento OnKeyDown.

Puedes mirar esta pagina, aqui se incluyen ejemplos de los codigos de las teclas.

Se usa la instruccion which y keyCode ya que algunos navegadores no soportan alguno de los dos. Es decir para permitir portabilidad entre navegadores, puedes mirar este enlace, en donde se indica el porque.

Podrias hacer algo como esto:

function onKeyDownHandler(event) {

    var codigo = event.which || event.keyCode;

    console.log("Presionada: " + codigo);
     
    if(codigo === 13){
      console.log("Tecla ENTER");
    }

    if(codigo >= 65 && codigo <= 90){
      console.log("Tecla Alfabeto");
    }

     
}
<input onkeydown="onKeyDownHandler(event);"/>

Lo que se ha hecho es incluir el paso de la variable event al evento OnKeyDown.

Podrias hacer algo como esto:

function onKeyDownHandler(event) {

    var codigo = event.which || event.keyCode;

    console.log("Presionada: " + codigo);
     
    if(codigo === 13){
      console.log("Tecla ENTER");
    }

    if(codigo >= 65 && codigo <= 90){
      console.log("Tecla Alfabeto");
    }

     
}
<input onkeydown="onKeyDownHandler(event);"/>

Lo que se ha hecho es incluir el paso de la variable event al evento OnKeyDown.

Puedes mirar esta pagina, aqui se incluyen ejemplos de los codigos de las teclas.

Se usa la instruccion which y keyCode ya que algunos navegadores no soportan alguno de los dos. Es decir para permitir portabilidad entre navegadores, puedes mirar este enlace, en donde se indica el porque.

se eliminaron 21 caracteres en el cuerpo
Origen Enlace
Ivan Botero
  • 6.8k
  • 10
  • 36
  • 57
Loading
se eliminaron 21 caracteres en el cuerpo
Origen Enlace
Ivan Botero
  • 6.8k
  • 10
  • 36
  • 57
Loading
Origen Enlace
Ivan Botero
  • 6.8k
  • 10
  • 36
  • 57
Loading