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:

html<input>

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

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

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

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

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

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

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

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