Paspaustų klavišų gavimas JavaScript

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

html<input>

Gaukime nuorodą į jį kintamajame:

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

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

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

key savybėje įvykio objekto bus paspaustas simbolis:

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

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

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

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

Задание 2

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

Задание 3

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

Задание 4

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

Задание 5

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.