JavaScript'te Basılan Tuşları Alma

Event nesnesi kullanılarak basılan tuşlar alınabilir. Nasıl yapıldığına bir bakalım. Bir inputumuz olduğunu varsayalım:

<input>

Onu bir değişkene referans olarak alalım:

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

Inputumuza, her tuş basılışında tetiklenen bir olay ekleyelim:

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

Olay nesnesinin key özelliğinde basılan karakter bulunur:

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

Ve code özelliğinde ise basılan tuşun kodu bulunur:

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

Girilen tuşların değerlerini ve kodlarını giriş sırasında gösteren bir input yapın.

Input içinde çeşitli tuşlara basın ve hangi değer ve kodlara sahip olduklarını görün.

Enter tuşunun kodunun ne olduğunu belirleyin.

BackSpace tuşunun kodunun ne olduğunu belirleyin.

Bir paragraf ve bir input verilmiştir. Inputa metin girilir ve Enter tuşuna basılır. Bu anda girilen metnin inputun altındaki paragrafa geçmesini ve input içeriğinin temizlenmesini sağlayın.