Одна из важнейших вещей, над которой стоит подумать при реализации горячих клавиш на JavaScript для веб-приложения, это исключить переопределение клавиш предоставляемых клиентским браузером. Представьте себе, что вы используете некое веб-приложение, и вам понадобилось закрыть вкладку надав Ctrl+W, но при этом вкладка не зарывается, а отрабатывает некоторое действие приложение, только потому, что разработчик переопределил горячую клавишу используемую вашим браузером. Какая досада. По этой причине рекомендую с осторожностью использовать клавиши Ctrl (Windows) или Cmd (Mac) в ваших приложениях. Вместо некоторых комбинаций можно использовать иные функциональные клавиши, напримр F1.  Вероятно вам известно, что JavaScript имеет множество полезных обработчиков событий. Для горячих клавиш мы будем использовать onkeyup, который позволит выполнить действие при нажатии на клавишу. Нам только требуется сравнить возвращаемое значение от onkeyup с кодом клавиши используемой в какой либо из наших клавиатурных комбинаций. Клавиатурные коды это простые коды состоящие из 2 или 3 цифр. Какждая клавиша клавиатуры имеет свой собственный код. Например код клавиши Ctrl – 17.

Полная таблица кодов клавиш приведена в конце поста.

Примеры

В приведенном ниже примере, мы просто проверяем какая клавиша нажата пользователем. Если это Ctrl + S, функция срабатывает.
Первый код без использования JQuery.

var isCtrl = false;
document.onkeyup=function(e) {
    if(e.which == 17) isCtrl=false;
}document.onkeydown=function(e){
    if(e.which == 17) isCtrl=true;
    if(e.which == 83 && isCtrl == true) {
         alert('Keyboard shortcuts are cool!');
         return false;
    }
}

Пример с использованием JQuery фреймворка.

var isCtrl = false;$(document).keyup(function (e) {
if(e.which == 17) isCtrl=false;
}).keydown(function (e) {
    if(e.which == 17) isCtrl=true;
    if(e.which == 83 && isCtrl == true) {
        alert('Keyboard shortcuts + JQuery are even more cool!');
 	return false;
 }
});

В этих примерах, мы начинаем с проверки: нажата ли клавиша Ctrl. Если да, то начальное значение переменной isCtrl устанавливается в true. Если Ctrl отпущен, то isCtrl снова становиться false.
После этого мы должны убедиться, что вторая нажатая клавиша – это S. Так как это комбинация клавишь, мы должны проверить, что isCtrl все еще true.
Если все в порядке, то мы можем запустить функцию и показать наше сообщение. Естейственно, в реальном приложении вы будете использовать более полезную функцию.

Оригинал статьи: http://www.catswhocode.com/blog/using-keyboard-shortcuts-in-javascript

Keyboard codes reference

Итак… Посмотрим на мир Mootools’а под углом 23,5…