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:
<input>
Ona dəyişəndə istinad əldə edək:
let elem = document.querySelector('input');
Inputumuzda hər bir düymə basılışına reaksiya verən bir hadisə əlavə edək:
elem.addEventListener('keypress', function(event) {
});
Hadisə obyektinin key xassəsində
basılan simvol olacaq:
elem.addEventListener('keypress', function(event) {
console.log(event.key);
});
code xassəsində isə basılan
düymənin kodu olacaq:
elem.addEventListener('keypress', function(event) {
console.log(event.code);
});
Daxil edilən düymələrin dəyərlərini və onların kodlarını çıxaran bir input hazırlayın.
Inputda müxtəlif düymələr basın və onların hansı dəyərləri və kodları olduğuna baxın.
Enter düyməsinin hansı koda malik olduğunu müəyyənləşdirin.
BackSpace düyməsinin hansı koda malik olduğunu müəyyənləşdirin.
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.