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:

<input>

Hajde da dobijemo referencu na njega u promenljivu:

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

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

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

U svojstvu key objekta dogadaja biće pritisnuti karakter:

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

A u svojstvu code će biti kod pritisnutog tastera:

elem.addEventListener('keypress', function(event) {
	console.log(event.code);
});

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

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

Odredite koji kod ima taster Enter.

Odredite koji kod ima taster BackSpace.

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.