JavaScriptте басылган баскычтарды алуу

Event объектисинин жардамы менен басылган баскычтарды алууга болот. Келгиле, бул кантип жасаларын көрөлү. Бизде инпут болсун:

html<input>

Аны өзгөрмөгө шилтеме катары алалы:

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

Инпутубузга ар бир баскыч басылганда иштеген окуяны (event) кошолу:

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

key касиетинде окуя объектисинин ичинде басылган символ болот:

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

code касиетинде болсо басылган баскычтын коду болот:

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

Киргизилген баскычтардын маанилерин жана алардын коддорун чыгарып берүүчү инпутту жасаңыз.

Задание 2

Инпуттун ичинде ар кандай баскычтарды басып, алардын кандай маанилери жана коддору бар экенин көрүңүз.

Задание 3

Enter баскычынын кайсы кодго ээ экенин аныктаңыз.

Задание 4

BackSpace баскычынын кайсы кодго ээ экенин аныктаңыз.

Задание 5

Абзац жана инпут берилген. Ага текст киргизилип, Enter баскычы басылат. Текст ошол учурда инпуттун астындагы абзацка түшүп, инпуттун ичиндеги мазмун тазалануучу кылыңыз.