¿Cómo obtengo el valor de cada tecla presionada y la uso en una variable con jQuery?

Question

¿Cómo obtengo el valor de cada tecla presionada y la uso en una variable con jQuery? Quiero presionar una tecla y revelar cierta imagen en la página que se correlaciona con esa tecla cuando se presiona. También SÓLO quiero apuntar a A-Z y "."

Gracias!

Answer 1

Usando jQuery, puede usar el evento keypress, y luego convertir el carácter en una cadena, y hacerla coincidir con sus criterios.

Aquí hay una working example:

$(document).keypress(function(e) 
{ 
    var s = String.fromCharCode(e.which); 
    if (s.match(/[a-zA-Z\.]/)) 
     console.log(s + ' is a match!'); 
}); 

Actualización: Para la tecla pulsada dentro de otro elemento, sólo tiene que utilizar el selector $('#LearnStart'), como se ve here.

Answer 2

aquí hay un enlace para jQuery Keypress función y cómo usarlo

Answer 3

evitar tener identificadores de precedentes con #. con una entrada de Identificación del LearnStar puede insertar un script como el siguiente:

$("#LearnStar").live("keypress",function(e) 
{ 
    var s = String.fromCharCode(e.which); 
    if (s.match(/[a-zA-Z\.]/)) 
     console.log(s + ' is a match!'); 
}); 

El evento en vivo, básicamente, se ocupa del hecho de que si el control se hace en la página después de que el guión ha sido cargado.

Puede hacer cosas ingeniosas con esto, como evitar que el usuario escriba claves no válidas usando e.preventDefault() y devolver falso desde la función de devolución de llamada.