Foros del Web - Ver Mensaje Individual - Realizar acción si se pulsa una tecla especifica

neodani · #2 (**permalink**) 22/09/2010, 04:53

Conseguida esa parte...

Código HTML:

Ver original<html>
<head>
<title>Trabajando con eventos de teclado en jQuery</title>
<style type="text/css">
#mostrar{
display:none;
background:yellow;
height:100px;
width:200px;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
   $("html").keypress(function(e){
      e.preventDefault();
      $("#tecla-pulsada").html(e.which + ": " + String.fromCharCode(e.which))
      if (String.fromCharCode(e.which)=='m'){
        $("#mostrar").show("slow");
      }else{
        $("#mostrar").hide("slow")
      }
   });
})
</script>
</head>
<body>
<h1>Mostrar un texto al pulsar una tecla</h1>
<p id="tecla-pulsada"></p>
<div id="mostrar">Este texto aparecerá cuando se pulse la tecla m</b>
</body>
</html>

Saludos!