Taustiņu nospiedšanas iegūšana JavaScript

Izmantojot objektu Event, var iegūt nospiestos taustiņus. Apskatīsim, kā tas tiek darīts. Pieņemsim, ka mums ir ievades lauks:

html<input>

Iegūsim tam atsauci mainīgajā:

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

Pievienosim mūsu ievades laukam notikumu, kas tiek aktivizēts pie katras taustiņa nospiedes:

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

Objekta key īpašībā ar notikumu atradīsies nospiestā rakstzīme:

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

Un code īpašībā būs nospiestā taustiņa kods:

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