Как обрабатывать события клавиатуры?

Question

[gleendo]

Как сейчас обрабатывать события клавиатуры?
Прочитал в книге про события клавиатуры. Единого стандарта как и ожидалось нет. То одно работает там то другое не работает здесь...
События keydown и keyup понял как обрабатывать. Свойства keyCode и charCode уже не активны. Вместо них используется свойство key. С этим понятно.
Также посмотрел что событие keypress как бы не активно. В книге описано что замена для этого события textInput. Срабатывает только в редактируемой области. Попробовал свойство data. Возвращает введенный символ. Остальные свойства не работают. Погуглил про это событие, но ничего не нашел. Как будто его и нет вовсе.

В общем как на данный момент обрабатывать события клавиатуры? Какие события прослушивать? Как обрабатывать ввод текста?
Проясните ситуацию, а то запутался уже.

Comments

[OVK2015]

Для input/textarea обрабатывайте keyup.
А вообще,

Как обрабатывать ввод текста?

скажите конкретней: чего сделать хотите

[gleendo]

OVK2015: Конкретно сейчас привести пример не могу, каша в голове от этих свойств.
Как я понял, сейчас в стандарте рекомендованы лишь события keydown/keyup, а также свойство key, определяющее нажатую клавишу. Так это? Достаточно будет этого?
Например проверить включен ли capslock. Достаточно ли будет такой проверки?:
if (event.key.toLowerCase() == event.key.toUpperCase()) { return; }
(event.key.toLowerCase() == event.key && event.shiftKey) || (event.key.toUpperCase() == event.key && !event.shiftKey)

[OVK2015]

В отличие от Alt, Ctrl, Shift в event нет отдельного поля для CapsLock. Проверить можно примерно так:

$('.form__input:eq(0)').bind('keyup', function(event)
{
var currentChar = String.fromCharCode( event.which);
if ( currentChar.toUpperCase() === currentChar && currentChar.toLowerCase() !== currentChar && !e.shiftKey )
{console.log(CapsLock включен);}
});

Answer 1

[Abdula Magomedov]

На вот. Прочитай. Все досконально. https://learn.javascript.ru/keyboard-events

Comments

[gleendo]

Abdula Magomedov Да это я читал, везде одно и тоже, но почти все что там описано, все имеет статус deprecated.

[gleendo]

Abdula Magomedov https://developer.mozilla.org/en-US/docs/Web/API/K...