Mendapatkan Tombol yang Ditekan di JavaScript

Dengan menggunakan objek Event kita dapat mendapatkan tombol yang ditekan. Mari kita lihat bagaimana cara melakukannya. Misalkan kita memiliki sebuah input:

html<input>

Dapatkan referensinya ke dalam variabel:

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

Pasang event pada input kita, yang dijalankan setiap kali tombol ditekan:

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

Pada properti key dari objek event akan berisi karakter yang ditekan:

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

Dan pada properti code akan berisi kode tombol yang ditekan:

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