JavaScript-те басылған пернелерді алу

Event объектісінің көмегімен басылған пернелерді алуға болады. Мұны қалай жасауға болатынын қарастырайық. Бізде енгізу өрісі болсын:

<input>

Оған сілтемені айнымалыға алайық:

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

Енгізу өрісіме әрбір перне басылғанда іске қосылатын оқиғаны орнатайық:

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 пернесі басылады. Енгізілген мәтін сол сәтте енгізу өрісінің астындағы абзацқа түсіп, енгізу өрісінің мазмұны тазартылатындай етіп жасаңыз.