Detectando pulsación de teclas JQuery

Posted on


Hola a todos, bueno este será un post muy corto en el cual vamos a ver como podemos detectar con jquery cuando el usuario ah oprimido alguna tecla del teclado.

En este caso vamos a hacer uso del evento keyup, y como hemos en post anteriores de jquery, necesitamos de un selector, pero en este caso el selector será document, así sera un manejador a nivel de página y podremos detectar la pulsación de alguna tecla.

En resumen  tendremos un código jquery así:

    
    $(function () {
            $(document).keyup(function (event) {
                switch (String.fromCharCode(event.keyCode)) {
                    case "N":
                        $("#btnNuevo").trigger("click");
                        break;
                    case "G":
                        $("#btnGuardar").trigger("click");
                        break;
                    case "C":
                        $("#btnCerrar").trigger("click");
                        break;
                }
            })
            $("#btnNuevo").click(function () {
                alert("Ha dado clic en nuevo !");
                return false;
            })
            $("#btnGuardar").click(function () {
                alert("Ha dado clic en guardar !");
                return false;
            })
            $("#btnCerrar").click(function () {
                alert("Ha dado clic en cerrar !");
                return false;
            })
        })

En donde dependiendo de la tecla oprimida llamamos el evento clic de un botón.

Espero este corto post les sea de utilidad, como siempre les dejo el link para que descarguen un ejemplo:

Link al ejemplo !!

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s