Чтобы обработать событие keydown
в поле ввода и предупредить, какая клавиша была нажата, вы можете использовать следующий код JavaScript:
<input type="text" id="myInput">
<script>
document.getElementById("myInput").addEventListener("keydown", function(event) {
// Get the key code
var keyCode = event.keyCode || event.which;
// Convert the key code to a readable key name
var keyName = String.fromCharCode(keyCode);
// Alert the key name
alert("Key Pressed: " + keyName);
});
</script>
Этот код присоединяет прослушиватель событий к полю ввода с идентификатором «myInput». При нажатии клавиши в поле ввода выполняется функция прослушивания событий. Он извлекает код ключа из объекта события и преобразует его в читаемое имя ключа с помощью String.fromCharCode()
. Наконец, он сообщает имя ключа.
Вот несколько дополнительных методов для обработки события keydown
в поле ввода и оповещения о нажатой клавише:
-
Использование
event.key
:document.getElementById("myInput").addEventListener("keydown", function(event) { var keyName = event.key; alert("Key Pressed: " + keyName); });
-
Использование
event.code
:document.getElementById("myInput").addEventListener("keydown", function(event) { var keyCode = event.code; alert("Key Pressed: " + keyCode); });
-
Использование
event.that
:document.getElementById("myInput").addEventListener("keydown", function(event) { var keyCode = event.which || event.keyCode; alert("Key Pressed: " + keyCode); });