Zdarzenie onkeydown w JavaScript

Słownik kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

Co to jest onkeydown?

onkeydown to obsługa zdarzenia w JavaScript, które zostaje wywołane, gdy użytkownik wciśnie klawisz klawiatury. Nie dotyczy przycisków myszy.

W praktyce onkeydown można spotkać jako:
- atrybut HTML, np. onkeydown="...",
- właściwość elementu DOM, np. element.onkeydown = ...,
- zdarzenie keydown obsługiwane przez addEventListener().

Kiedy działa?

Zdarzenie keydown występuje w momencie naciśnięcia klawisza. Jeśli użytkownik przytrzyma klawisz, zdarzenie może być wywoływane wielokrotnie, zależnie od ustawień powtarzania klawiszy w systemie.

Dla porównania:
- keydown / onkeydown — klawisz został wciśnięty,
- keyup / onkeyup — klawisz został zwolniony,
- mousedown / onmousedown — przycisk myszy został wciśnięty,
- mouseup / onmouseup — przycisk myszy został zwolniony.

Przykład

<input type="text" id="pole">

<script>
document.getElementById("pole").addEventListener("keydown", function(event) {
  console.log("Wciśnięto klawisz: " + event.key);
});
</script>

W tym przykładzie po naciśnięciu klawisza w polu tekstowym w konsoli pojawi się informacja, jaki klawisz został wciśnięty.

Ważne na egzaminie

Jeżeli w pytaniu pojawia się onkeydown, poprawne skojarzenie to wciśnięcie klawisza klawiatury. Zwolnienie klawisza klawiatury to onkeyup, a zdarzenia myszy mają zwykle w nazwie mouse, np. onmousedown lub onmouseup.