1

Buen día programadores tengo un inconveniente necesito ejecutar eventos keypress (jquery) he intentado con códigos simples bajados de internet y funciona con teclas simples (a,b,1,2, etc) pero al momento de usar las teclas F1 o hasta F12 no funciona.

este es el código que estoy probando:

<!DOCTYPE html>
<html>
<head>
    <script src="js/jquery-3.3.1.min.js"></script>
    <script>
        $(document).ready(function(){
          $("#buscar").keypress(function(e) {
                alert("Pulsaste la tecla dentro del campo de texto con código: "+e.which);
                  });         
            });
    </script>
    <title>nada</title>
</head>
<body>
    <input type="text" id="buscar" />
</body>
</html>

Que puedo hacer? necesito usar esas teclar realmente, estoy usando de exploradores (firefox, chrome y safari) sistema operativo Mac os HS.

1 respuesta 1

1

Las teclas de función, tradicionalmente solo producen eventos keydown/keyup, pero no keypress, por lo que podrías basarte en ellos para la funcionalidad que buscas implementar.

Prueba este ejemplo:

$(document).ready(function(){
   $("#buscar").keydown(function(e) {
       let sTeclas = "";
       sTeclas += e.shiftKey?"[shift] ":"";
       sTeclas += e.ctrlKey?"[ctrl] ":"";
       sTeclas += e.altKey?"[alt] ":"";
       console.log("key: " + sTeclas + e.key);
       if (e.ctrlKey && e.key == "F1" && !e.shiftKey && !e.altKey) {
         alert("felicitaciones, ha presionado ctrl + F1");
       }
   });         
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<input type="text" id="buscar" />

En la consola voy dejando mensajes cada vez que se dispara el evento, que soporta combinaciones de teclas, como alt + shift + F1.

Debes tomar en cuenta que, mientras una tecla permanezca presionada, el evento keydown se dispara periódicamente, a menos que se presione otra (por ejemplo para las combinaciones de teclas). Mi sugerencia es experimentar con él para ver como funciona.

He dejado, en el ejemplo, que se muestre una alerta cuando se presiona ctrl + F1.

6
  • osea que no puedo hacer que me muestre un alert por ejemplo o realizar una acción con esto? Commented el 15 sept. 2020 a las 19:25
  • claro que podrías, pero te recomiendo hacer pruebas primero, porque este evento funciona diferente que el keypress, por ejemplo, si una tecla permanece presionada, el evento keydown se dispara muchas veces, de manera repetitiva, según puedes ver en mi ejemplo. Por lo mismo, es que he sustituido tu alert por un mensaje en la consola.
    – jachguate
    Commented el 15 sept. 2020 a las 19:27
  • pero en este caso se podría usar keyup que creo que no pasará lo mismo Commented el 15 sept. 2020 a las 19:28
  • Claro, mi ejemplo está hecho con keydown, pero tu usa lo que más te convenga. Hice una edición de la respuesta para mejorar un poco la explicación y ampliar el ejemplo. Espero con eso te quede más claro.
    – jachguate
    Commented el 15 sept. 2020 a las 19:32
  • Si te lo agradezco bastante, es exactamente lo que andaba buscando Commented el 15 sept. 2020 a las 22:43

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.