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:
<input>
Iegūsim tam atsauci mainīgajā:
let elem = document.querySelector('input');
Pievienosim mūsu ievades laukam notikumu, kas tiek aktivizēts pie katras taustiņa nospiedes:
elem.addEventListener('keypress', function(event) {
});
Objekta key īpašībā
ar notikumu atradīsies
nospiestā rakstzīme:
elem.addEventListener('keypress', function(event) {
console.log(event.key);
});
Un code īpašībā
būs nospiestā taustiņa
kods:
elem.addEventListener('keypress', function(event) {
console.log(event.code);
});
Izveidojiet ievades lauku, kas pēc ievadīšanas izvadīs ievadīto taustiņu vērtības un to kodus.
Izmēģiniet ievades laukā nospiest dažādus taustiņus un apskatiet, kādas ir to vērtības un kodi.
Nosakiet, kāds kods būs
taustiņam Enter.
Nosakiet, kāds kods būs
taustiņam BackSpace.
Dots rindkopa un ievades lauks. Tajā tiek ievadīts teksts
un nospiests taustiņš Enter. Padariet tā,
lai šajā brīdī ievadītais
teksts nonāktu rindkopā zem ievades lauka,
un ievades lauka saturs tiktu notīrīts.
