sábado, 13 de julio de 2013

Detectando el valor de la tecla pulsada con Jquery


A continuación se mostrará un sencillo ejemplo de como interactuar con las teclas pulsadas mediante Jquery, para ello se puede utilizar cualquiera de los eventos relacionados con el presionamiento de teclas, es decir, keypress, keydown o keyup, el ejemplo consiste en un div que irá mostrando el valor de la tecla pulsada y para hacerlo más divertido, sólo una de las teclas contiene la tecla ganadora y tendrás que ir haciendo click hasta encontrarla, el código de ejemplo está bajo la demo ...


Sólo una de las teclas es la ganadora en esta demo, pulsa haber si la encuentras.

Obteniendo la tecla pulsada



<!-- By http://jquery-manual.blogspot.com -->
<!DOCTYPE HTML>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
$(function(){
$(document).keypress(function(tecla){
tecla_pulsada = String.fromCharCode(tecla.which);
$("#tecla").html(tecla_pulsada);
if (tecla_pulsada == "r")
{
$("#tecla").html("La tecla ganadora es la r");
}
});
});
</script>
</head>
<body>
Sólo una de las teclas es la ganadora en esta demo, pulsa haber si la encuentras.
<h1 id="tecla">Obteniendo la tecla pulsada</h1>
</body>
</html>




1 comentario:

PsicodragoN dijo...

Muchas gracias, me sirvio bastante el código =D, yo lo que usaba era un EventListener, pero el problema es que solo se puede validar con código ASCII y al querer validar una palabra era por sumatoria, lo cual lo hacia muy inseguro, pero con JQuery puedo validar tal cual la palabra :P.