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:

<input>

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

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

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

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

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

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

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

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

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

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

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

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

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.