18 de agosto de 2010

jQuery, Teclas de acceso directo

Es un plugin jQuery simple y bastante útil. Suelo usarlo en la mayoría de mis formularios para crear atajos de teclados a distintas funciones, pero veamos un ejemplo.

Imaginemos que deseamos que cuando el usuario presione la tecla enter, se dispare un evento determinado (ej.: lanzar una búsqueda). Pues bien, para ello usaremos el plugin jquery.hotkeys.

Lo primero es Incluir las bibliotecas javascript necesarias:

<script src="jquery-1.3.2.min.js"></script>
<script src="jquery.hotkeys.js"></script>
Hacer uso del plugin hotkeys 

<script>
  $(document).ready(function(){

    $(document).bind('keydown', 'return', function(evt){ 
      alert('Has presionado la tecla return...'); 
      return false; 
    });  
 
  });
</script>

Y ya está, al estar en el formulario si presionas la tecla enter (return) mostraremos un alert().

Si estas pensando en usarlo no dejes de visitar el sitio oficial.

No hay comentarios:

Publicar un comentario