Atajos de teclado Javascript para aplicaciones web

keyboard-shortcuts accessibility

Question

Quiero desarrollar una aplicación web, que debería (idealmente) ser completamente utilizable a través del teclado. Sé cómo manejar eventos de teclado en javascript, pero administrarlos para una aplicación más grande es bastante aburrido. Me pregunto si alguien conoce una biblioteca que facilite ese proceso. ¿Alguna pista? Por favor, no es que no me interese un marco de GUI web completo. Quiero mantener el control sobre mi página web / aplicación.

Answer 1

Acabo de desarrollar uno de mis propios llamado ratonera. Compruébelo en http://craig.is/killing/mice

Answer 2

Echa un vistazo a mi proyecto:

https://github.com/oscargodson/jkey

Y demos:

http://oscargodson.github.com/jKey/

Siéntete libre de usarlo y si quieres, contribuye :)

Answer 3

Le recomendaría encarecidamente que visite el keymaster de Thomas Fuchs para hacer atajos de teclado en las aplicaciones web: https://github.com/madrobby/keymaster

Lo hace bastante simple:

// define short of ''a''
key(''a'', function(){ alert(''you pressed a!'') });

// returning false stops the event and prevents default browser events
key(''ctrl+r'', function(){ alert(''stopped reload!''); return false });

// multiple shortcuts that do the same thing
key(''⌘+r, ctrl+r'', function(){ });

Answer 4

Podría usar el atributo html accesskey ya que luego haría que su aplicación web sea accesible.

Use el KeyTips jQuery de KeyTips para mostrarlos al usuario de manera similar a los atajos de teclado de Office Ribbon .

Prueba la demo . Código en Github .

Tenga en cuenta que la página de Wikipedia en accesskey enumera las claves modificadoras para invocar claves de acceso para diferentes navegadores.

Consulte también el artículo A List Apart: Accesskeys: Desbloqueo de la navegación oculta

Answer 5

Puedes usar Hotkeys - plugin para JQuery. JQuery es una biblioteca javascript bastante ligera: se requiere un archivo js para usar teclas de acceso rápido.

Answer 6

Este es muy fácil de usar.

Ex:

shortcut.add("Up",     // key
             go_up()); // function

Answer 7

Podrías empezar por leer sobre el atributo accesskey :

Este atributo asigna una clave de acceso a un elemento. Una clave de acceso es un solo carácter del conjunto de caracteres del documento. Nota. Los autores deben considerar el método de entrada del lector esperado al especificar una clave de acceso.
[...]
La invocación de las claves de acceso depende del sistema subyacente. Por ejemplo, en máquinas que ejecutan MS Windows, uno generalmente tiene que presionar la tecla "alt" además de la tecla de acceso. En los sistemas Apple, uno generalmente tiene que presionar la tecla "cmd" además de la tecla de acceso.

También puede poner el atributo accesskey en los elementos <a> , un ejemplo de este uso se puede encontrar en el enlace de la barra lateral "Artículo aleatorio" en Wikipedia .