Búsqueda de sitios web

javascript - Atajos de teclado con jQuery


¿Cómo puedo vincular un evento para que se active si alguien presiona la letra g?

(¿Dónde está el mapa de caracteres para todas las letras, por cierto?)

Respuesta #1

Desde que se hizo esta pregunta originalmente, John Resig (el autor principal de jQuery) ha bifurcado y mejorado el proyecto js-hotkeys. Su versión está disponible en:

http://github.com/jeresig/jquery.hotkeys

Respuesta #2

¿Qué pasa con los atajos de teclado de jQuery?

jQuery Hotkeys te permite observar eventos del teclado en cualquier parte de tu código, soportando casi cualquier combinación de teclas.

Para asignar Ctrl+c a una función (f), por ejemplo:

$(document).bind('keydown', 'ctrl+c', f);

Respuesta #3

Recientemente escribí una biblioteca independiente para esto. No requiere jQuery, pero puedes usarla con jQuery sin problema. Se llama Mousetrap.

Puedes revisarlo en http://craig.is/killing/mice

Respuesta #4

Bueno, hay muchas formas. Pero supongo que estás interesado en una implementación avanzada. Hace unos días estaba en la misma búsqueda, y encontré una.

Aquí.

Es bueno para capturar eventos del teclado y también encontrarás los mapas de caracteres. Y lo bueno es... que es jQuery. Mira la demostración en la misma página y decide.

Una biblioteca alternativa está aquí.

Respuesta #5

Si solo quieres atajos simples (como una letra, por ejemplo solo g) podrías hacerlo fácilmente sin un plugin adicional:

$(document).keypress(function(e) {
  if(e.charCode == 103) {
    // Your Code
  }
});

Respuesta #6

    <script type="text/javascript">
        $(document).ready(function(){
            $("#test").keypress(function(e){
                if (e.which == 103) 
                {
                    alert('g'); 
                };
            });
        });
    </script>

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

este sitio dice que 71=g pero el código jQuery de arriba pensaba lo contrario

G mayúscula=71, la minúscula es 103

Artículos relacionados