Часто стал этот вопрос подниматься, потому рассмотрим сию проблему поближе. Существует 3 вида работы с горячими клавишами, от простой к сложной:

• ловля всех ctrl+буква и ctrl+shift+буква
• ловля любых комбинаций
• ловля цепочек, последовательностей нажатий

В нормальных средах поддерживается только первый вариант + некоторые добавочные комбинации, будем называть его стандарным. То есть горячая клавиша начинается с нажатия ctrl. Исключения это клавишы Esc, F1-F12 и подобные; комбинации ctrl+shift, alt+shift, alt+ctrl - с исключениями работаем отдельно.

Второй способ предпологает накопление нажатых клавишь, а по первому onkeyup выполнять комбинацию.

Третий способ представляет собой иерархию буфферов для отлова всех возможных комбинаций, например по слову vingrad, что нибудь сделать. Это редко нужно, не используется в виндовых средах и сложно реализуемо. Например придётся отключать все браузерные горячие клавиши, что бы он не сбивал нас с комбинации.


Реализация стандартных горячих клавишь.

Задачу поставим так, при нажатой комбинации мы хотим что бы вызывалась наша функция, стандартная браузерная реакция, если она есть, отключается.

Что бы отключить дефолтное действие браузера нужно для Оперы и Мозиллы поймать событие onkeypress, для ИЕ это onkeydown - что гораздо удобнее для второго способа.

Заведём регистр, в корором регистрируются все запрашиваемые горячие клавиши, это будет обьект хешь-таблица, в которой ключём будет буква, а значением ссылка на функцию.

Код

//наш регистр HotKeyHandler.keys = {}; //таблица преобразования для ИЕ, читай ниже HotKeyHandler.convertIEKey={"1":65,"2":66,"4":68,"12":76,"16":80,"19":83,"20":84,"21":85,"26":90}; //обработчик горячих клавишь function HotKeyHandler(ev) {   var evt, key; if(!(evt=window.event? window.event: ev)) return; key = evt.keyCode? evt.keyCode: evt.charCode; //взяли код клавиши        //ИЕ даёт код конрольных символов <32, преобразуем их к буквам key=HotKeyHandler.convertIEKey[String(key)]? HotKeyHandler.convertIEKey[String(key)]: key;    //если нажат ctrl или Esc - исключение из правил    if (evt.ctrlKey||key==27) {            //приводим ключ к верхему регистру, если нажат shift     key=evt.shiftKey? String.fromCharCode(key).toUpperCase(): String.fromCharCode(key).toLowerCase();            //зарегистрирован у нас такой обработчик?     if(typeof(HotKeyHandler.keys[key]) == "function"){        HotKeyHandler.keys[key](evt);               //тогда отрубаем дефолтное действие браузера     evt.cancelBubble = true; //отключить бег события выше для ИЕ                   evt.returnValue = false; //отключить стандартное действие                   //то же самое для Мозиллы     if(evt.preventDefault) evt.preventDefault();     if(evt.stopPropagation) evt.stopPropagation();                   return false;  }    }    return true; }

Обработчик есть, теперь надо отловить события. События можно ловить на всём окне, либо на конкретном обьекте, например в текстовом поле. Вот пример как отловить для всего окна:

Код

//Default init. Handle hotkeys on document. HotKeyHandler.windowInit=function() {   //для Мозиллы и Оперы   if(document.addEventListener && (getOperaVersion()>6||getOperaVersion()==0)) {     document.addEventListener("keypress", HotKeyHandler, false);   } else { //для ИЕ     document.attachEvent("onkeydown", HotKeyHandler);   } } function getOperaVersion() {  var opver=navigator.userAgent.match(/Opera\s*([0-9.]+)/i);  return (opver&&opver.length>1)? parseFloat(opver[1]): 0; }

Оперу 6'ых версий поддерживать не стоит, но если кто сумеет поднять горячие под ней, пусть запостит решение сюда.

Как видим решение очень простое с минимальными напряжениями мозга
Используем:

Код

HotKeyHandler.keys = { "a":function(){alert("Вы нажали ctrl+A");}, "B":function(){alert("Вы нажали ctrl+shift+B");}, "\x1B":function(){alert("Вы нажали клавишу Esc");} }; HotKeyHandler.windowInit(); //жмём по клавишам =)

Горячие клавиши второго вида мы разберём попозже

А что изменить чтобы работало сочитание "` + F1" F2, F3...   

В 13'oй и 15'ой строке проверяеться совпадение комбинации, добавь ||key=код_Fx_клавишы, либо выносим все "исключения" в отдеьный список и там проверяем.

Эм, из того что понял и сделал получилось: реакция на нажатие F1 (без сочетания с Ё (`)), но при этом всё такие пытается вылезти справка =( Как бы мне без всяких ctrl и schift+ctrl "забиндить" F1 + Ё    ну по подобию того что вы здесь представили?)

Pena, если returnValue=false; event.preventDefault() отработаны, то никаких справок не должно быть, выкладывай свой код.

То что имею на сейчас =\ (ctrl + 1,2,3..., и просто F1) 

Это вставляю на старнице:

А это отдельнo:


Это сообщение отредактировал(а) Pena - 7.9.2006, 17:33

Проверил, твой код работает в ИЕ, мозилле, опере, но в ИЕ и Опере хелп показываеться по любому. Пробовал присвоить evt.keyCode = 0, всё равно не хочет.

В мозилле естественно всё хорошо.

А ежели мне надо кнопки к примеру F1 - F4 забиндить, что именно нужно "копировать-вставить"? =)

Ничего, серьёзно, я бы рад вообще отклкючить F1(никогда не использую), т.к. стоит рядом с Esc (vim, транслит etc).

Остальные Fn должны быть перехватываемы, задай их коды и всё.

M Sardar

Ступил, чтo бы перехватывать Fx клавиши необходимо их пропустить: if (evt.ctrlKey||key==27||(key >= 112 && key <= 123)) Условие пропускает все ctrl + (shift)? +, esc, F1 - F12.

Sardar, афтар, спасиба, писшы исчо!
особенно хочу про ловлю цепочек, последовательностей нажатий!!!  

Доброго дня


Мне кажется, в данном примере не учитывается нажатие CAPS LOCK.


Для чего Вы вешаете в IE обработчик именно на keydown?
KeyCode в событии keyDown возврашает номер клавиатурной клавишу, но не реального символа.
При работе с  разнообразными локалями очень часть требуется получить именно реальный UniCode код (учитывающий и особенности локали, и case censetive) для правильной интерпритации введенного символа.
К примеру, во француской локале нажатие клавиатурной клавиши, на которой изображена цифра "2", без нажатия каких либо шифтов или альтов подразумеваете получение символа "é". Однако в keydown keyCode = 50, вместо правильного 233, который отображается лишь в keyCode события keypress)

Это сообщение отредактировал(а) Kinjeiro - 3.7.2009, 13:13

Какой код нужно добавить, чтобы отловить комбинацию ctrl + enter ?