Я хочу разработать веб-приложение, которое (в идеале) должно полностью использоваться с клавиатуры. Я знаю, как обрабатывать события клавиатуры в JavaScript, но управлять ими для более крупного приложения довольно скучно.
Есть ли библиотека, которая облегчает этот процесс?
Обратите внимание, что я не заинтересован в полноценной структуре веб-интерфейса. Я хочу сохранить контроль над моей веб-страницей/приложением.
Посмотрите мой проект:
https://github.com/oscargodson/jkey
И демо:
http://oscargodson.github.com/jKey/
Не стесняйтесь использовать его и, если хотите, внесите свой вклад:)
Я только что разработал один из моих названных Mousetrap. Проверьте это.
Вы можете использовать Hotkeys - плагин для jQuery. jQuery - это довольно легкая библиотека JavaScript - это необходимый файл JavaScript для использования горячих клавиш.
Вы можете начать с чтения атрибута accesskey:
Этот атрибут назначает ключ доступа к элементу. Ключ доступа - это один символ из набора символов документа. Заметка. Авторы должны учитывать метод ввода ожидаемого читателя при указании ключа доступа.
[...]
Вызов ключей доступа зависит от базовой системы. Например, на машинах под управлением MS Windows обычно нужно нажимать клавишу "alt" в дополнение к клавише доступа. В системах Apple обычно нужно нажать клавишу "cmd" в дополнение к клавише доступа.
Вы также можете поместить атрибут accesskey в элементы <a>, пример такого использования можно найти по ссылке на боковую панель "Случайная статья" в Википедии.
Я настоятельно рекомендую вам обратиться к мастеру клавиш Томаса Фукса по поводу сочетаний клавиш в веб-приложениях: https://github.com/madrobby/keymaster
Это делает это довольно просто:
// 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(){ });
Этот очень прост в использовании.
Пример:
shortcut.add("Up", // Key
go_up()); // Function
Вы можете использовать HTML-атрибут accesskey, так как это сделает ваше веб-приложение доступным.
Используйте плагин KeyTips jQuery, чтобы отобразить их пользователю аналогично сочетаниям клавиш на ленте Office.
Попробуйте Демо. Код на GitHub.
Обратите внимание, что на странице Википедии на ключе доступа перечислены клавиши-модификаторы для вызова ключей доступа для разных браузеров.
См. Также статью A List Apart: Accesskeys: разблокировка скрытой навигации