En OpenJS publican un interesante script para facilitarnos una forma de controlar el teclado desde Javascript. Debido a la facilidad con la que ha sido desarrollado permite realizar combinaciones de teclas de una forma fácil y sobretodo fácil de comprender al mirar el código.

shortcut.add("Ctrl+Shift+X",function() {
 alert("Hi there!");
});

Instalación

Al igual que cualquier script de Javascript la instalación comienza por la inclusión del fichero JS que contiene la lógica del script.

<script src="shortcut.js" type="text/javascript"></script>

Una vez incluido a nuestro proyecto, ya podemos indicar nuestras combinaciones de teclas.

shortcut.add()

Añadir una combinación de teclas es sencillo como podemos ver en el siguiente código:

shortcut.add("Ctrl+B",function() {
	alert("The bookmarks of your browser will show up
	after this alert...");
},{
	'type':'keydown',
	'propagate':true,
	'target':document
});

Opciones disponibles:

• type: Podemos indicar el tipo de evento que queremos controlar para esa combinación. [keydown, keyup, keypress] (Por defecto keydown)
• disable_in_input: (Boolean) que nos activa o desactiva la combinación para elementos de introducción de texto (input, textarea,…)
• target:  Elemento que será visible desde la ejecución del evento. (Por defecto document)
• propagate: ¿Se ha de propagar el evento? (Por defecto false)
• keycode:  Indicamos que usamos el formato keyCode.

shortcut.remove()

Eliminar una combinación de teclas nos permite desactivar una combinación anterior.

shortcut.add("Ctrl+B",function() {
 alert("Bold");
});
//Remove the shortcut
shortcut.remove("Ctrl+B");

Descargar y Demo

Puedes ver una demo y descargar directamente desde aquí.

Vía: El Blog de Andrés Nieto

Has visto ya...

• 18 Febrero 2010 -- Generar documentos PDFs con Javascript
• 26 Diciembre 2009 -- Traductor en 52 idiomas para tu web
• 18 Marzo 2010 -- Código Konami en Javascript
• 16 Marzo 2010 -- El tamaño sí importa
• 26 Febrero 2010 -- Bug en Internet Explorer 7 y 8 con gif animados
• 14 Enero 2010 -- Las 3 formas más seguras de publicar emails en la web
• 22 Diciembre 2009 -- Generar HTML desde Javascript
• 5 Diciembre 2009 -- Vocales acentuadas en HTML
• 4 Diciembre 2009 -- 6 Caruseles y efectos de transición en Javascript
• 26 Noviembre 2009 -- PHP Mail tester, comprobando direcciones de correo electrónico