Событие onkeydown

Событие onkeydown срабатывает в момент нажатия на клавиатуре клавиши, но когда она ещё не отпущена.

Синтаксис

onkeydown="<скрипт>"

Значения

См. скрипт.

Пример

Код примера скопирован в буфер
<!DOCTYPE html>
<html lang="ru">
 <head>
  <meta charset="utf-8">
  <title>onkeydown</title>
  <script>
   document.onkeydown = detectCtrlKey; /* Отслеживаем нажатие на клавиши */
   function detectCtrlKey() {
    var keyCode = event.keyCode || event.which;
    arrow = { left: 37, right: 39 }; /* Коды стрелок */
    if (event.ctrlKey) { /* Зажали клавишу Ctrl */
     switch (keyCode) {
      case arrow.left: /* Стрелка влево */
       document.location = 'page/1.html'
       break;
      case arrow.right: /* Стрелка вправо */
       document.location = 'page/3.html'
       break; 
     }
    }
   }
  </script>
  <style>
   kbd { 
    background-color: #f0f0f0; /* Цвет фона */
    padding: 0.1rem 0.3rem; /* Расстояние от текста до края */
   }
  </style>
 </head>
 <body>
  <p>Для перехода к предыдущей странице нажмите <kbd>Ctrl</kbd>+<kbd>←</kbd></p> 
  <p>Для перехода к следующей странице нажмите <kbd>Ctrl</kbd>+<kbd>→</kbd></p> 
 </body>
</html>

В данном примере с помощью onkeydown отслеживается нажатие на клавишу Ctrl и одновременно на стрелку влево или вправо. После нажатия происходит переход к документу.

Браузеры

9 12 4 12.1 3.1 6
4.4 6 12 3.2