Lenyomott billentyűk lekérése JavaScriptben

Az Event objektum segítségével le lehet kérni a lenyomott billentyűket. Nézzük meg, hogyan is történik ez. Tegyük fel, hogy van egy input mezőnk:

html<input>

Kapjuk meg a hivatkozást rá egy változóban:

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

Rendeljük hozzá az input mezőnkhöz az eseményt, ami minden billentyűlenyomáskor lefut:

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

Az eseményobjektum key tulajdonságában a lenyomott karakter fog szerepelni:

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

A code tulajdonságban pedig a lenyomott billentyű kódja fog szerepelni:

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