Событие 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 и одновременно на стрелку влево или вправо. После нажатия происходит переход к документу.
Браузеры
Браузеры
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.