TheShock 26 ноя 2009 в 08:42

jQuery.keyboard v0.1.0

2 мин

5.5K

jQuery*

+131

Комментарии 82

Kivin 26 ноя 2009 в 09:02

ссылка на демо не работает

TheShock 26 ноя 2009 в 09:05

прошу прощения, дал локальную ссылку. fixed

rhangelxs 13 мар 2011 в 17:44

Вроде опять демо не работает :(

wally 26 ноя 2009 в 09:05

Есть такая хорошая библиотека как: Handling Keyboard Shortcuts, для подключения клавиатурных сокращений. И там вроде проблем с нажатием нескольких кнопок нет.
Посмотрите, может поможет в решении

TheShock 26 ноя 2009 в 09:09

да, серьёзно. уверен, там можно почерпнуть пару идей.

TheShock 26 ноя 2009 в 09:35

Нашёл, в чём их ньюанс. Такое работать не будет:

shortcut.add("B+N", function () { alert(1) });

У них работает соединение только с клавишами ctrl, alt, shift и meta (с ними сделать действительно легко в силу того, что это предусмотренно самим JS). Но библиотеку всё-равно будет интересно поизучать

zvirus 26 ноя 2009 в 09:17

Ctrl+Enter (и подобные с Ctrl) — это обычно спорная комбинация.
Пользователям макинтоша будет неудобно пользоваться ей, там клавишу Ctrl заменяет клавиша ⌘ (Аналогична клавише «Win» на стандартных клавиатурах).
Например, вот так выполняются стандартные опции правки:
Копировать: ⌘+C
Вставить: ⌘+V
и т.д.

Конечно заморачиватся будут те, у кого либо проект имеет тематику MacOS, либо держатся обоими руками за кроссплатформенность.

Обычно, конечно, останавливаются на варианте в пользу большинства — т.е. на комбинациях с Ctrl или общей заменой на клавишу Alt.

TheShock 26 ноя 2009 в 09:21

в моих проектах будут совершенно не эти комбинации клавиш.
например, консольный форум. Сейчас там это реализовано через одно место.
Ctrl+enter — был просто как пример, один из самых частоиспользуемых.

yellow_duck 26 ноя 2009 в 11:09

всегда ⌘ приравнивал к виндовской alt.
А вообще не встречал проектов, где не работает ctrl. Все такие кросстлапформенные? Я просто не исследовал этот вопрос.

-2

dio 26 ноя 2009 в 13:45

Command в маке определяется как meta. event.сtrlKey||event.metaKey в большинстве случаев решают проблему

kostyl 26 ноя 2009 в 09:19

полезная вещь. Может существенно увеличить возможности если правильно применить.
Только вот я назвал бы не keyboard, а readkey или типа того…

TheShock 26 ноя 2009 в 09:23

спасибо.
я долго думал над названием. И «listen», и «bind» думал куда-то прилепить, но решил, что keyboard — вполне очевидно и логично.
в любом случае, переименовывать уже поздно =)

fiskus 26 ноя 2009 в 09:22

у вас третий параметр по умолчанию false? мне кажется, лучше true.
(аргументы привести не могу, пятой точкой чувствую)

TheShock 26 ноя 2009 в 09:27

сначала так и было. но вот допустим, игра. на клавише «стрелка вверх» — бег, на клавише «стрелка вправо» — стрейф вправо, а на клавише «ctrl» — выстрел. При параметре «фолс» не получится одновременно бежать, стрейфится и стрелять, а только что-то одно

kastigar 26 ноя 2009 в 11:11

Может быть глобальный параметр?
Ведь игра — это частный случай, я тоже считаю, что лучше true по умолчанию!

TheShock 26 ноя 2009 в 11:23

думаю, можно сделать настройку библиотеки по примеру ajaxSetup

bar_boss 26 ноя 2009 в 09:22

Нажмите сочетание клавишу 5: нажимаю на цифру пять выше букв — работает, справа на клавиатуре — не работает.

-2

TheShock 26 ноя 2009 в 09:25

да, num-pad — имеет другие коды. не знаю, правильно ли будет использовать те же текстовые ключи, что и для верхних чисел.

zvirus 26 ноя 2009 в 09:31

Вы когда вводите пароли с числами — для системы имеет значения, ввели вы число с верхней части или с цифровой.

TheShock 26 ноя 2009 в 09:36

это утверждение, или риторический вопрос? если вопрос, то, насколько я знаю, значения не имеет. но, опять же, на примере с игрой, восьмёрка на цифровой панели может использоваться в качестве «движения вперед», а восьмёрка над буквами — подходит для этого намного меньше.

zvirus 26 ноя 2009 в 09:42

Извините, это был вопрос. Спасибо за ответ.
Тогда вопрос использования сочетаний с цифрами — должен зависеть от текущей ситуации, например той, что вы представили.

TheShock 26 ноя 2009 в 11:26

наверное, надо будет реализовать группировку, например:

$obj.keyboard('1, np1', func);

smind 26 ноя 2009 в 09:39

в данном случае видимо речь идет именно о скэн-кодах

vini 18 дек 2009 в 13:27

это смотря куда вводить)) есть программы для которых имеет.

grinka 26 ноя 2009 в 19:10

Имхо когда используется буквенное название клавиш — группировать. Когда явно используются коды клавиш — не группировать. Мне кажется, это вполне очевидный выбор.

Mithgol 26 ноя 2009 в 09:36

Если в Файерфоксе включён пункт Tools → Options → Advanced → General → Accessibility → Search for text when I start typing, тогда нажатие клавиш «x», «c», «v» не только регистрируется джаваскриптом, но и (прежде всего) используется для поиска текста на странице (см. также баг 215024).

Быть может, jQuery.keyboard следовало бы вызывать event.preventDefault() на уровне document, чтобы уничтожать события клавиатуры и тем предотвратить такое поведение? Подобным образом поступает GMail, например.

TheShock 26 ноя 2009 в 09:37

мне кажется, достаточно будет даже return false в конце функции, но за event.preventDefault() — спасибо.

Mithgol 26 ноя 2009 в 09:59

Подозреваю, что если return false в конце слушателя события, то оно эдак может не всплыть даже к родительскому элементу. Что вызовет какие-нибудь неприятности, если одно и то же событие обрабатывается и в некотором элементе (например, textarea), и в окаймляющем его родительском элементе (например, form). Лучше убивать событие на уровне document (когда оно проплыло снизу вверх по всем родительским элементам из точки возникновения события), просто чтобы не пустить его ещё выше (т. е. во браузер). Причём, возможно, убивать только в том случае, когда соответствующая клавиша задействована в каких-нибудь комбинациях (было бы неразумно убивать, например, Ctrl+Ins и Ctrl+Del, если на странице они не переопределены).

-2

TheShock 26 ноя 2009 в 11:05

думаю, можно, сделать зависимо от возвращаемого функцией значение. например, если функция возвращает false, то вызывать event.preventDefault()

alkhankhel 26 ноя 2009 в 09:44

Если нажать в demo:
ctrl+alt -> «ctrl+alt»
не отпуская их нажать 5 -> «5, ctrl+alt»
отпустить все клавиши -> «ctrl+alt»

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

TheShock 26 ноя 2009 в 09:53

ну, я думаю, это вполне логично решение. допустим, «ктрл-ентер» делает отступ к началу следующей страницы (как в Ворде, емнип). Я хочу пропустить несколько страниц — зажимаю ктрл и, несколько раз, ентер. Ну это грубый пример, конечно. Или, в той же игрушке, «ктрл» — выстрел, а «альт-ктрл» — альтернативный выстрел. Я держу зажатым «альт» и нажимаю время от времени «ктрл».

Mithgol 26 ноя 2009 в 10:12

И тем не менее, если в настройках Quake II сказано:

bind F6 "echo Quick Saving...; wait; save quick"
bind MOUSE2 "+moveup"

то при нажатии F6 сохранение происходит (один раз), но если нажатый F6 не отпускать, то дальнейшее жмякание правой кнопкою мыши вызывает простое подпрыгивание персонажа, без повторного сохранения игры.

По той же логике и jQuery.keyboard, если при нажатом Ctrl+Alt тыкать 5, вероятно, не должен воспринимать это как повторное срабатывание Ctrl+Alt.

Хотя, наверное, включение этой логики как раз и определяется состоянием параметра single.

-1

alkhankhel 26 ноя 2009 в 10:27

Если у обоих single ни то, ни другое не сработает, а если не у обоих, то тогда будет не как в quake2 :)
Кстати необязательно 5, любое действие клавиатуры.

TheShock 26 ноя 2009 в 11:34

нууу, я и не ставил за цель, сделать, как в quake2 =))

alkhankhel 26 ноя 2009 в 10:22

Не видел игр, где отпускание клавиши инициирует тоже событие, что и при нажатии.
Пример при зажатом ctrl и последовательном нажимании клавиши enter(т.к. это условия одной комбаниции), не тоже самое, что повторный вызов нажатия зажатой комбинации при любом событии от клавы, + к этому ещё добавляется вызов зажатой комбинации при её отпускании(и вот это точно не должно происходить).

TheShock 26 ноя 2009 в 11:22

не знаю, как в аське, но у меня в PSI так:
при нажатии на enter — отправляется новое сообщение
при нажатии на ctrl-enter — переход на новую строку
при нажатии на alt-enter или ctrl-alt-enter не происходит ничего

точно такую же функциональность можно реализовать у меня, передав в качестве третьего параметра single — true.

TheShock 26 ноя 2009 в 11:29

ой, от недостатка сна (да-да, сегодня всю ночь я писал этот плагин), запутался в ветках, извините.

alkhankhel, вообще да, я этого и не скрывал — под заголовком у меня явно указано на этот недостаток. я подумаю, как правильно его исправить.

Sveolon 26 ноя 2009 в 09:51

А у меня при нажатии x+c+v события не регистрируются, просто вводится текст в форму. Ubuntu 9.04/Firefox 3.0

TheShock 26 ноя 2009 в 09:55

kUbuntu 9.10/Firefox 3.5, работает нормально.
может, какой-то плагин? или, попробуйте обновить и еще раз повторить попытку.

Sveolon 26 ноя 2009 в 10:08

Даже не знаю. Отключил Vimperator и AllItsText — заработало. AllItsText совсем удалил, а Vimperator включил обратно — всё равно работает. Ещё Noscript, но ваш сайт у меня в разрешённых.

extragen 26 ноя 2009 в 10:27

сtrl+Enter у вас так же срабатывает как и enter+ctrl, тоже самое и с другими комбинациями x+c+v или v+c+x.

extragen 26 ноя 2009 в 10:31

проверил на хабре комбинацию alt+shift+r и shift+alt+r, тоже работает :)

alkhankhel 26 ноя 2009 в 10:34

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

extragen 26 ноя 2009 в 10:41

в некоторых ситуациях должна быть строгая последовательность. Например, в аське на enter идет отправка сообщения, а на ctrl+enter переход строки.

alkhankhel 26 ноя 2009 в 10:48

Ну такое можно реализовать, но отдельно :)

TheShock 26 ноя 2009 в 11:27

ferrari 26 ноя 2009 в 10:34

Чем вот это не подошло? rikrikrik.com/jquery/shortkeys/

TheShock 26 ноя 2009 в 11:10

на самом деле — не знал про этот плагин. и не особо хотел искать. интересно было написать лично. тем, более, возможно, понадобится более расширенные возможности.

TheShock 26 ноя 2009 в 11:40

я, кстати, проглянул код (не проверял на практике, правда, потому не уверен, но):
1. я не увидел там работы с ctrl, shift, alt, meta. ни в примерах, ни в коде. подозреваю, что их использовать нельзя
2. в отличии от моей либы — там копируется в каждом объекте весь функционал. подозреваю, это может стать причиной утечки памяти. у меня весь функционал вынесен в отдельное место, а в объекте — только контейнеры и вызов.
3. не вижу, чтобы там был функционал, реализуемый у меня с помощью параметра single. тогда, в каком режиме там обрабатываются нажатия?

slyder 26 ноя 2009 в 12:05

code.google.com/p/js-hotkeys/ отличный плагин… не помню чтобы имел с ним проблем

TheShock 26 ноя 2009 в 12:11

как на счёт аналога Single, и возможности соединять, например, разные буквы? Не подумайте, что я ищу к чему придраться — это действительно важно для меня.

slyder 26 ноя 2009 в 12:15

single там просто не нужен… если указано «a» то событие будет вызвано только при нажатии а… если «ctrl+a» то при контроль+а…
поддерживаются все естественные сочетания, можно юзать название

в итоге можно повесить «ctrl+alt+backspace»

jshotkeys.googlepages.com/test-static-01.html — вот пример всех сочетаний

slyder 26 ноя 2009 в 12:16

и еще имхо еще я бы Ваш параметр single назвал как минимум strict — он более описывает его суть

TheShock 26 ноя 2009 в 12:24

согласен. название strict — мне нравится. ато я никак не мог придумать, как можно назвать

TheShock 26 ноя 2009 в 12:29

что-то alt-комбинации не ловятся.

single там просто не нужен… если указано «a» то событие будет вызвано только при нажатии а… если «ctrl+a» то при контроль+а…

Вот как раз поэтому этот параметр и нужен. Мне необходимо, чтобы несмотря на то, что зажаты другие клавиши отрабатывались все комбинации(я приводил примеры с игрой в топике)

ibnteo 26 ноя 2009 в 10:44

Более наглядно будет если указывать сочетания клавиш через +, например $('form').keyboard('Ctrl+Enter', function() {});, а если надо разные сочетания обработать в одной функции, можно их через запятую перечислить.

TheShock 26 ноя 2009 в 11:19

сначала так и сделал, но потом — поменял. мне все-же кажется, что человеку привычнее читать и писать через пробел (тем более, не надо нажимать шифт)), плюс знак "+" тоже, возможно, будет использоватся в качестве названия клавиши. Например, «ctrl shift +»
И, все же. мне кажется, что когда идёт сплошной поток символов — тяжелее читать.

ibnteo 26 ноя 2009 в 11:23

Программирование это не урок печати, шифт и так часто нажимается. Первое что я подумал, что это обработка любой клавиши, нажимал тупо xxx и ничего не происходило, а оказывается надо было нажать x+c+v.

Плюс скорее всего не будет использоваться, ведь его надо с шифтом нажимать, поэтому сочетание будет Ctrl+Shift+=, ну или если очень хочется, можно записать как Ctrl++ (что то же самое по сути).

Просто везде пишут именно так, через знак «плюс», поэтому это более привычная форма.

TheShock 26 ноя 2009 в 11:30

плюс есть на панели справа, я говорил о нём=)
согласен, форма более привычная. думаю, можно. конечно, добавить как алиас, но тогда знак плюса уже будет недоступен.

ibnteo 26 ноя 2009 в 11:34

Если правильно подойти к проблеме, то будет доступен. Алгоритм такой, если знак + встречается в середине текста, то это разделитель, а а не знак. Два подряд знака + означает что первый разделитель, а второй — знак.

TheShock 26 ноя 2009 в 11:41

«ctrl+++alt» — достаточно… мм… специфично выглядит.

ibnteo 26 ноя 2009 в 11:58

Так никто не пишет, скорее всего будет записано Ctrl+Alt++, или Ctrl+Alt+=, или Ctrl+Alt+Shift+=, что нереально просто, ибо набрать такое сложно.

yellow_duck 26 ноя 2009 в 11:16

Скажите, что в функцию передается?

TheShock 26 ноя 2009 в 11:20

ничего. в функции можно использовать this, который ссылается на текущий объект jQuery. возможно, имеет смысл передавать объект event первым параметром?

yellow_duck 26 ноя 2009 в 11:35

>>возможно, имеет смысл передавать объект event первым параметром?
я на этот ответ и расчитывал.
Думаю так будет верно.

krilya 26 ноя 2009 в 11:54

пользовался вот таким плагином

akral 26 ноя 2009 в 12:00

5 на цифровой клавиатуре не ловится.
Так и должно быть?
Может, стоит подумать о вариантах?

TheShock 26 ноя 2009 в 12:04

на счёт 5: habrahabr.ru/blogs/jquery/76424/#comment_2220493
подумать о вариантах чего?

akral 27 ноя 2009 в 18:43

Не, я имею ввиду что просто кнока 5 на обычной клавиатуре ловится вашим скриптом, а на цифровой (справа) – не ловится.

TheShock 27 ноя 2009 в 22:36

ой, ошибся, дал немного не ту ссылку.
habrahabr.ru/blogs/jquery/76424/#comment_2220456

Aldekein 26 ноя 2009 в 12:54

не срабатывает:

1. Ctrl+Alt != Alt+Ctrl?.. Почему? По нажатию Alt+Ctrl ничего не происходит.

2. Левый Ctrl + Alt != Правый Ctrl + Alt?

TheShock 26 ноя 2009 в 12:59

странно. у меня что в Фоксе, что в Опере что первое, что второе — работает =)

13i 26 ноя 2009 в 14:28

Большое спасибо!
Давно хотел реализовать сохранение по Ctrl+S, но руки не доходили найти подходящие мануалы, а тут все так очевидно.

anatoly_rr 26 ноя 2009 в 16:04

Забавный баг (Firefox 3.5.5, Windows 7)

1. Открыть freecr.ru/jquery.keyboard/
2. Открыть ещё 4 вкладки.
3. Нажать Ctrl+5 (FireFox переключится в пятую вкладку).
4. Вернуться на страницу демо.
5. Теперь нажатие любой клавиши будет вызывать событие, повешенное на «5». Если нажать на «5», это безобразие прекращается.

Aivean 26 ноя 2009 в 16:04

Спасибо за плагин. Небольшое замечание. В JQuery принято аргумент-функцию передавать последней, даже когда есть необязательные аргументы (например, обратите внимание на метод $.post). То есть, по-хорошему, Вам нужно переписать Ваш плагин так, чтобы он понимал как такой синтаксис вызова keyboard('keys', function(){}), так и такой keyboard('keys', flag, function(){})

TheShock 26 ноя 2009 в 16:15

согласен, наверное, так и сделаю. =)

BelArt 26 ноя 2009 в 16:54

Недавно сталкивался с необходимостью обработки нажатий. В проекте используется jQuery. Искал плагины. Но в итоге решил воспользоваться стандартными средствами jQuery (http://docs.jquery.com/Events/keypress). Ибо подгрузка дополнительных библиотек дело все же сомнительное, т.к. их и так уже много используется. Конечно есть оптимизаторы и слияние в единый зазипованый файлик, но в живом проекте всегда приходится что-то править и дописывать. Каждый раз сливать JS-ы не всегда удобно. Понятно, что есть функции, которых в стандартном keypress не хватит, но для стандартных задач, мне кажется вполне достаточно.