Získání stisknutých kláves v JavaScriptu

Pomocí objektu Event lze získat stisknuté klávesy. Podívejme se, jak se to dělá. Předpokládejme, že máme vstupní pole:

<input>

Získáme na něj odkaz do proměnné:

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

Připojíme k našemu vstupnímu poli událost, která se spustí při každém stisknutí klávesy:

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

Ve vlastnosti key objektu s událostí bude stisknutý znak:

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

A ve vlastnosti code bude ležet kód stisknuté klávesy:

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

Vytvořte vstupní pole, které bude při zadávání vypisovat hodnoty zadaných kláves a jejich kódy.

Zkuste ve vstupním poli stisknout různé klávesy a podívejte se, jaké mají hodnoty a kódy.

Určete, jaký kód bude mít klávesa Enter.

Určete, jaký kód bude mít klávesa BackSpace.

Je dán odstavec a vstupní pole. Do něj se zadá text a stiskne klávesa Enter. Udělejte to tak, aby v tuto chvíli zadaný text přešel do odstavce pod vstupním polem, a obsah vstupního pole se vymazal.