Paspaustų klavišų gavimas JavaScript

Naudojant Event objektą galima gauti paspaustus klavišus. Pažiūrėkime, kaip tai daroma. Tegul mes turime įvesties lauką:

<input>

Gaukime nuorodą į jį kintamajame:

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

Priskirkime mūsų įvesties laukui įvykį, suveikiantį kiekvieną kartą paspaudus klavišą:

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

key savybėje įvykio objekto bus paspaustas simbolis:

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

O code savybėje bus paspausto klavišo kodas:

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

Sukurkite įvesties lauką, kuris įvedimo metu išvestų įvestų klavišų reikšmes ir jų kodus.

Paspauskite įvesties lauke įvairius klavišus ir pažiūrėkite, kokios jų reikšmės ir kodai.

Nustatykite, kokį kodą turės klavišas Enter.

Nustatykite, kokį kodą turės klavišas BackSpace.

Duotas pastraipa ir įvesties laukas. Į jį įvedamas tekstas ir paspaudžiamas klavišas Enter. Padarykite taip, kad šiuo momentu įvestas tekstas patektų į pastraipą po įvesties lauku, o įvesties lauko turinys būtų išvalytas.