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:

html<input>

Uni o'zgaruvchiga havola qilamiz:

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

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

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

Hodisa obyektining key xususiyatida bosilgan belgi bo'ladi:

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

code xususiyatida esa bosilgan tugmaning kodi bo'ladi:

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

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

Задание 2

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

Задание 3

Enter tugmasining qanday kodi borligini aniqlang.

Задание 4

BackSpace tugmasining qanday kodi borligini aniqlang.

Задание 5

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.