Lenyomott billentyűk lekérése JavaScriptben

Az Event objektum segítségével le lehet kérni a lenyomott billentyűket. Nézzük meg, hogyan is történik ez. Tegyük fel, hogy van egy input mezőnk:

<input>

Kapjuk meg a hivatkozást rá egy változóban:

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

Rendeljük hozzá az input mezőnkhöz az eseményt, ami minden billentyűlenyomáskor lefut:

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

Az eseményobjektum key tulajdonságában a lenyomott karakter fog szerepelni:

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

A code tulajdonságban pedig a lenyomott billentyű kódja fog szerepelni:

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

Készítsen egy input mezőt, amely a bevitelekor kiírja a megnyomott billentyűk értékeit és azok kódjait.

Nyomjon meg különböző billentyűket az input mezőben és nézze meg, milyen értékeik és kódjaik vannak.

Határozza meg, hogy mi lesz a kódja a Enter billentyűnek.

Határozza meg, hogy mi lesz a kódja a BackSpace billentyűnek.

Adott egy bekezdés és egy input mező. Beírunk egy szöveget, és megnyomjuk a Enter billentyűt. Készítsd el úgy, hogy ekkor a beírt szöveg kerüljön az input mező alatti bekezdésbe, az input mező tartalma pedig törlődjön.