Przejdź do głównej treści

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 zdarzenie JavaScript wywoływane w momencie naciśnięcia klawisza na klawiaturze. Stosuje się je m.in. przy polach tekstowych, gdy funkcja ma uruchomić się już podczas wpisywania znaku.

W pytaniach egzaminacyjnych onkeydown jest poprawną odpowiedzią, gdy chodzi o reakcję na wpisywanie znaku do pola tekstowego lub naciśnięcie klawisza.

Przykład w HTML

<input type='text' onkeydown='sprawdzZnak()'>

<script>
function sprawdzZnak() {
  console.log('Naciśnięto klawisz');
}
</script>

Przykład z addEventListener

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

<script>
document.getElementById('pole').addEventListener('keydown', function(event) {
  console.log('Klawisz:', event.key);
});
</script>

Ważne różnice

  • onkeydown — działa, gdy klawisz zostaje naciśnięty,
  • onkeyup — działa po puszczeniu klawisza,
  • onclick — działa po kliknięciu myszą,
  • onload — działa po załadowaniu strony lub elementu,
  • onmouseout — działa, gdy kursor myszy opuści element.

Uwaga praktyczna

Jeżeli chcemy reagować na faktyczną zmianę zawartości pola formularza, często używa się zdarzenia input. Jednak w kontekście pytania egzaminacyjnego o naciśnięcie klawisza podczas wpisywania poprawnym wyborem jest onkeydown.