JavaScript-ում սեղմված ստեղների ստացում

Օգտագործելով Event օբյեկտը՝ կարելի է ստանալ սեղմված ստեղները: Եկեք տեսնենք, թե ինչպես է դա արվում: Ենթադրենք՝ մենք ունենք input դաշտ.

html<input>

Ստացենք դրա հղումը փոփոխականի մեջ.

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

Մեր input դաշտին ավելացնենք event, որը աշխատում է ամեն ստեղնի սեղմման դեպքում.

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

Event օբյեկտի key հատկության մեջ կլինի սեղմված սիմվոլը.

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

Իսկ code հատկության մեջ կլինի սեղմված ստեղնի կոդը.

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

Ստեղծեք input դաշտ, որը մուտքագրման ժամանակ կարտահանտի մուտքագրված ստեղների արժեքները և դրանց կոդերը:

Задание 2

Սեղմեք input դաշտում տարբեր ստեղներ և տեսեք, թե ինչ արժեքներ և կոդեր ունեն դրանք:

Задание 3

Որոշեք, թե ինչ կոդ կունենա Enter ստեղնը:

Задание 4

Որոշեք, թե ինչ կոդ կունենա BackSpace ստեղնը:

Задание 5

Տրված է պարբերություն և input դաշտ: Դրա մեջ մուտքագրվում է տեքստ և սեղմվում Enter ստեղնը: Արվեք այնպես, որ այդ պահին մուտքագրված տեքստը հայտնվի input դաշտի տակ գտնվող պարբերությունում, իսկ input դաշտի պարունակությունը մաքրվի: