JavaScript с нуля

Проверка нажатия конкретной клавиши

Следующий пример показывает, как использовать свойство keyCode для проверки нажатия конкретной клавиши:

window.addEventListener("keydown", checkKeyPressed, false);

function checkKeyPressed(e) {

if (e.keyCode == 65) {

console.log("The 'a' key is pressed.");

}

}

Здесь я проверяю клавишу a. Внутренне эта клавиша отображается значением 65 свойства keyCode. В случае если вы так и не зазубрили их в школе, можете обратиться к подручному списку кодов для всех клавиш и знаков по следующей ссылке: http://bit.ly/kirupaKeyCode.

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

Прошу отметить следующее. Значения charCode и keyСode для конкретной клавиши не будут одинаковы. Помимо этого, charCode возвращается, только если обработчик событий сработал в ответ на keypress. В нашем примере событие keydown не содержало бы ничего полезного для свойства charCode.

Если вы захотите проверить charCode и использовать событие keypress, то предыдущий пример будет выглядеть так:

window.addEventListener("keypress", checkKeyPressed, false);

function checkKeyPressed(e) {

if (e.charCode == 97) {

console.log("The 'a' key is pressed.");

}

}

charCode для клавиши a — это 97. Опять же напомню, подробности можно взять из таблицы, приведенной по ссылке выше.