Не отображается код клавиш PageDown, PageUp

110
30 декабря 2020, 20:00

Собственно не отображется код клавиш PageUp, PageDown и 4 стрелки, которые находятся внизу.

<div id="test" tabindex="0">Click me!</div>
#test { background:red; }
$('#test').keypress(function(eventObject){ alert('Вы ввели символ с клавиатуры. Его код равен ' + event.keyCode); });

Сам пример кода в песочнице находится здесь

Answer 1

Не отображаются, потому что ( из источника )

Событие keypress возникает сразу после keydown, если нажата символьная клавиша, т.е. нажатие приводит к появлению символа.

То есть у вас даже функция не вызывается, потому что нет события. Замените keypress на keydown/keyup, если хотите, что бы несимвольные клавиши тоже ловились ( всякие enter )

$('#test').keydown((event) => { 
  alert('Вы ввели символ с клавиатуры. Его код равен ' + event.keyCode); 
});
#test { 
  background: red; 
  height: 250px; 
  width: 250px; 
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
<div id="test" tabindex="0">Click me!</div>

READ ALSO
как сделать цикл из классов

как сделать цикл из классов

Как правильно написать цикл для увеличения цифр (обоих, которые идут и после а и после _) с шагом 1 до 33(включительно)Чтоб получалось

116
Высота родительского блока?

Высота родительского блока?

Добрый есть простая разметка родительский блок в котором вложена картинка (лишнее убрал):

131
Адаптивное расположение иконок

Адаптивное расположение иконок

Я новичок в css, поэтому извиняюсь за простой вопросИмеется страница с иконками в столбик

106
помогите с блоком CSS HTML

помогите с блоком CSS HTML

есть блок DIV в котором четрые Р (параграфа) как сделать так, чтоб был виден один параграф, и кнопка читатьКогда нажимаешь кнопку читать блок...

118