JavaScript-da Bosilgan Tugmalarni Olish

Event obyekti yordamida bosilgan tugmalarni olish mumkin. Keling, buni qanday qilinishini ko'rib chiqaylik. Bizda kiritish maydoni (input) bor deylik:

<input>

Uni o'zgaruvchiga havola qilamiz:

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

Kiritish maydonimizga har bir tugma bosilganda ishlaydigan hodisani bog'laymiz:

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

Hodisa obyektining key xususiyatida bosilgan belgi bo'ladi:

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

code xususiyatida esa bosilgan tugmaning kodi bo'ladi:

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

Kiritilgan tugmalarning qiymatlari va ularning kodlarini chiqaradigan kiritish maydoni (input) yarating.

Kiritish maydonida turli xil tugmalarni bosing va ularning qanday qiymat va kodlari borligini ko'ring.

Enter tugmasining qanday kodi borligini aniqlang.

BackSpace tugmasining qanday kodi borligini aniqlang.

Berilgan abzas va kiritish maydoni. Unga matn kiritiladi va Enter tugmasi bosiladi. Shunday qilingki, shu payt kiritilgan matn kiritish maydoni ostidagi abzasga o‘tsin, kiritish maydonining ichki tarkibi esa tozalansin.