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

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

<input>

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

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

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

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

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

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

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

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

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

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

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

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

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