Categorías: jQuery

jQuery which(): Detectar que tecla ha sido pulsada

Con jQuery event.which() podemos detectar que tecla ha sido pulsada por el usuario de nuestra página web.

Antes de entrar en materia os recomiendo leer estos 2 post:

Funciones para detectar las acciones del ratón

Funciones de jQuery para detectar la presión del teclado

Sintaxis de jQuery which()

Repasemos la sintaxis extraída de su web oficial:

event.which

Os explico los parámetros:

event (Obligatorio): Evento desencadenado cuando una función de jQuery se ejecuta.
La propiedad which() del evento sucedido nos devuelve un número entero con el código unicode de la tecla.

Ejemplo de jQuery which() para detectar la tecla pulsada

He preparado un sencillo ejemplo para que veamos la tecla se ha pulsado:

$(document).ready(function(){
 $("#escribe").keydown(function(event){
  $("#parrafo").text("El código de la tecla " + String.fromCharCode(event.which) + " es: " + event.which);
  $("#escribe").val("");
 }); 
});

Explico el código superior:

Detectamos con keydown() la pulsación de una tecla.
Con jQuery text() mostramos en el párrafo con id = ‘parrafo’ la tecla pulsada y su código unicode.
Por último dejamos vacio el input con la función val().

Ejemplo de jQuery which() para detectar el click del ratón

He preparado un segundo ejemplo para que detectemos el click del ratón:

$(document).ready(function(){
 $("#escribe").on("mousedown", function( event ) {
  $("#parrafo").text("El evento " + event.type + " tiene código: " + event.which);
 });
});

Explico el código superior:

Con la función on() detectamos el click del ratón a través de mousedown().
Con jQuery text() mostramos en el párrafo con id = ‘parrafo’ la el código del click.