Dobijanje pritisnutih tastera u JavaScript-u

Pomoću objekta Event možemo dobijati pritisnute tastere. Hajde da pogledamo kako se to radi. Neka imamo input polje:

html<input>

Hajde da dobijemo referencu na njega u promenljivu:

javascriptlet elem = document.querySelector('input');

Dodajmo našem input polju događaj, koji se okida pri svakom pritisku tastera:

javascriptelem.addEventListener('keypress', function(event) {
  
});

U svojstvu key objekta dogadaja biće pritisnuti karakter:

javascriptelem.addEventListener('keypress', function(event) {
  console.log(event.key);
});

A u svojstvu code će biti kod pritisnutog tastera:

javascriptelem.addEventListener('keypress', function(event) {
  console.log(event.code);
});
Задание 1

Napravite input polje koje će pri unosu ispisivati vrednosti unešenih tastera i njihove kodove.

Задание 2

Pritisnite u input polju različite tastere i pogledajte koje vrednosti i kodove imaju.

Задание 3

Odredite koji kod ima taster Enter.

Задание 4

Odredite koji kod ima taster BackSpace.

Задание 5

Dat je pasus i input polje. U njega se unosi tekst i pritiska taster Enter. Učinite tako da u tom trenutku unešeni tekst dospe u pasus ispod input polja, a sadržaj input polja se očisti.