Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Кроссбраузерная обработка нажатий клавиш (https://javascript.ru/forum/misc/6757-krossbrauzernaya-obrabotka-nazhatijj-klavish.html)

micscr 19.12.2009 17:15

Кроссбраузерная обработка нажатий клавиш
 
Привет.
Есть у кого то функция (или ссылка посмотреть) чтобы однозначно для всех браузеров можно было обработать и виртуальные коды клавиш и unicod символы?
Например такого типа:
function (what, event)
{
    if (what == 'keypress')
    {
        // получаем код unicod символа по event.which или пусто если не символ
        return code;
    }
if (what == 'keyup/keydown')
    {
        // получаем код виртуальной клавиши по event.keyCode и event.which
        return code;
    }
    
}

Думал в jQuery это решено, но смотрю там тоже есть путаница.
Я понимаю, что можно и самому поперебирать, но замечаю что в той же опере от версии к версии меняются подходы, так что хотелось бы одну 100% правильную иметь где все уже учтено.:)

micscr 21.12.2009 10:45

В принципе при более подробном изучении все примерно нормально в jQuery - пару приколов в опере, и главное их не мешать - обработку символьных клавиш с управляющими ....

x-yuri 21.12.2009 15:09

ну расскажи тогда уж, что накопал. Ты ж не сам с собой разговариваешь? ;)

micscr 21.12.2009 16:14

Цитата:

Сообщение от x-yuri (Сообщение 38663)
ну расскажи тогда уж, что накопал. Ты ж не сам с собой разговариваешь? ;)

Нет, с вами разговариваю.
Получается значит вот что:
Исходные данные:
1-ый случай - обрабатываем нажатие кнопок, соответствующих видимым символам (алфавитно-цифровые, ...)
$('...').keypress(function(e) {
/*
     e.which
держит unicod значение символа, управляющие кнопки обрабатывать тут не следует (из-за Chrome и не только )
*/
});

2-ой случай - обрабатываем нажатие управляющих кнопок (стрелки, backspace, esc ...)
$('...').keyup/keydown(function(e) {
/*
    e.keyCode
держит код нажатой виртуальной клавиши. Тут обрабатываем [B]только[/B] нажатие управляющих кнопок.
Тут есть тонкость в Опере: если нужно обрабатывать кнопку стрелка вниз(keyCode==40) или кнопку Tab(keyCode==9), 
то не надо это делать в keyup(событие не произойдет), а только в keydown.
*/
});

Вот, пока все.:)

B~Vladi 22.12.2009 00:47

keypress для меня вообще тайна, покрытая мраком... Каждый браузер генерит событие по-разному... Уж лучше тогда обходиться связкой keydown/keyup, для которой нетрудно написать обёртку.

Насчёт Tab: событие keyup происходит уже не на том элементе, где был keydown, а там, куда попал фокус. В этой ситуации, после keydown нужно прикручивать blur.

Kolyaj 22.12.2009 10:05

Цитата:

Сообщение от B~Vladi
Уж лучше тогда обходиться связкой keydown/keyup, для которой нетрудно написать обёртку.

Отличия у них существенные: keydown сообщает о нажатии клавиши, а keypress -- о вводе символа. Это в теории, на практике всё, разумеется, хуже.

micscr 22.12.2009 11:25

Я вообще в jQuery смотрел. Там многое уже наверное решено.
Цитата:

Сообщение от B~Vladi (Сообщение 38746)
keypress для меня вообще тайна, покрытая мраком... Каждый браузер генерит событие по-разному... Уж лучше тогда обходиться связкой keydown/keyup, для которой нетрудно написать обёртку.

keypress для описанных мной случаев везде нормально работает - и символы в верхнем регистре тоже ОК. А в keydown/keyup как определять что нажата shift - запоминать что-ли отдельно?

Цитата:

Сообщение от B~Vladi (Сообщение 38746)
Насчёт Tab: событие keyup происходит уже не на том элементе, где был keydown, а там, куда попал фокус. В этой ситуации, после keydown нужно прикручивать blur.

Это в опере только так, в остальных keyup сработает также на покидаемом элементе.

Kolyaj 22.12.2009 11:36

Цитата:

Сообщение от micscr
А в keydown/keyup как определять что нажата shift - запоминать что-ли отдельно?

Про Caps не забываем ;)

micscr 22.12.2009 11:40

Цитата:

Сообщение от Kolyaj (Сообщение 38776)
Про Caps не забываем ;)

Да, забывать не надо:) . А в keypress все это уже решено.

Kolyaj 22.12.2009 11:42

Цитата:

Сообщение от micscr
А в keypress все это уже решено.

Если нужна нажатая клавиша (горячие клавиши, например) -- ловим keydown, если нужен введённый символ (фильтрация ввода, например) -- ловим keypress.


Часовой пояс GMT +3, время: 11:02.