Rozdział 3 · Zadanie 13

Zdarzenie na całej stronie

Reagujemy nie na konkretny przycisk, a na całą stronę naraz.

Zadanie

Dodaj w <script>:

script-demo.html

document.addEventListener("keydown", function(event) {
  alert("Nacisnąłeś klawisz: " + event.key);
});

Jak to czytać

document.addEventListener("keydown", ...) — «słuchaj całej strony pod kątem zdarzenia naciśnięcia klawisza».

event.key — który dokładnie klawisz został naciśnięty, JavaScript sam to określa.

Spróbuj

Odśwież stronę i naciśnij dowolny klawisz na klawiaturze (nie klikając myszką) — pojawi się okienko z nazwą klawisza.

Kurs powstał dzięki wsparciu biura rachunkowego Galakton, Białystok, Polska