Marrja e Tasteve të Shtypura në JavaScript

Duke përdorur objektin Event mund të marrim taste të shtypura. Le të shohim se si bëhet kjo. Le të themi se kemi një input:

html<input>

Le ta marrim referencën për të në një ndryshore:

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

Le t'i caktojmë inputit tonë një ngjarje, që të aktivizohet me çdo shtypje taste:

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

Në vetinë key të objektit të ngjarjes do të gjendet simboli i shtypur:

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

Kurse në vetinë code do të gjendet kodi i tastit të shtypur:

javascriptelem.addEventListener('keypress', function(event) {
  console.log(event.code);
});
Задание 1

Krijoni një input, i cili do të shfaqë vlerat e tasteve të shtypura dhe kodet e tyre.

Задание 2

Shtypni në input taste të ndryshme dhe shikoni cilat janë vlerat dhe kodet e tyre.

Задание 3

Përcaktoni cili kod i përket tastit Enter.

Задание 4

Përcaktoni cili kod i përket tastit BackSpace.

Задание 5

Jepet një paragraf dhe një input. Në të shkruhet tekst dhe shtypet tast Enter. Bëni që në këtë moment teksti i shkruar të shfaqet në paragrafin poshtë inputit, ndërsa përmbajtja e inputit të pastrohet.