JavaScript-də Basılan Düymələrin Alınması

Event obyekti vasitəsilə basılan düymələri əldə etmək olar. Gəlin bunun necə edildiyinə baxaq. Tutaq ki, bizim bir inputumuz var:

html<input>

Ona dəyişəndə istinad əldə edək:

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

Inputumuzda hər bir düymə basılışına reaksiya verən bir hadisə əlavə edək:

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

Hadisə obyektinin key xassəsində basılan simvol olacaq:

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

code xassəsində isə basılan düymənin kodu olacaq:

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

Daxil edilən düymələrin dəyərlərini və onların kodlarını çıxaran bir input hazırlayın.

Задание 2

Inputda müxtəlif düymələr basın və onların hansı dəyərləri və kodları olduğuna baxın.

Задание 3

Enter düyməsinin hansı koda malik olduğunu müəyyənləşdirin.

Задание 4

BackSpace düyməsinin hansı koda malik olduğunu müəyyənləşdirin.

Задание 5

Bir abzas və bir input verilib. Inputa mətn daxil edilir və Enter düyməsi basılır. Elə edin ki, bu anda daxil edilmiş mətn inputun altındakı abzasa düşsün və inputun tərkibi təmizlənsin.