Λήψη Πιεσμένων Πλήκτρων στο JavaScript

Χρησιμοποιώντας το αντικείμενο Event μπορούμε να λαμβάνουμε πιεσμένα πλήκτρα. Ας δούμε πώς γίνεται αυτό. Ας υποθέσουμε ότι έχουμε ένα πεδίο εισαγωγής:

html<input>

Ας πάρουμε μια αναφορά σε αυτό σε μια μεταβλητή:

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

Ας προσθέσουμε ένα event listener στο πεδίο εισαγωγής μας, που ενεργοποιείται με κάθε πίεση πλήκτρου:

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

Στην ιδιότητα key του αντικειμένου του συμβάντος θα βρίσκεται ο πιεσμένος χαρακτήρας:

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

Και στην ιδιότητα code θα βρίσκεται ο κωδικός του πιεσμένου πλήκτρου:

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