martes, 6 de agosto de 2013

Cerrar ventana modal jquery/javascript con la tecla escape

Muchas veces queremos que al pulsar una tecla del teclaro interactue directamente con nuestra página web, hoy vamos a explicar como cerrar una ventana del navegador pulsando la tecla escape de nuestro teclado,  vamos al código:

Recordamos que tenemos que cargar las funciones con el document.ready.

  // cerrar la ventana modal con escape
       
        $(document).bind('keydown',function(eEvento){ 
                       
            if(eEvento.which == 27) {
                var $jQuery=window.parent.$;
   
                //buscamos la clase .clsVentanaCerrar y le hacemos clic
                $jQuery('body').find('.clsVentanaCerrar').trigger('click');

            }
       
        });

       
    // fin de funcion cerrar ventana modal

Para aclarar dudas el número 27 equivale a la tecla escape, util por si quereis hacer cualquier otro tipo de evento, un saludo.

No hay comentarios:

Publicar un comentario