Vajutatud klahvide hankimine JavaScriptis

Objekti Event abil saab hankida vajutatud klahve. Vaatame, kuidas seda tehakse. Olgem, et meil on sisendväli:

<input>

Hankime sellele viitmuutujasse:

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

Seadistame oma sisendväljale sündmuse, mis käivitub iga klahvivajutuse korral:

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

Omaduses key sündmusobjektist asub vajutatud sümbol:

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

Ja omaduses code asub vajutatud klahvi kood:

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

Looge sisendväli, mis sisestamisel kuvab sisestatud klahvide väärtused ja nende koodid.

Vajutage sisendväljas erinevaid klahve ja vaadake, millised on nende väärtused ja koodid.

Määrake, milline kood on klahvil Enter.

Määrake, milline kood on klahvil BackSpace.

Antud on lõik ja sisendväli. Sellesse sisestatakse tekst ja vajutatakse klahvi Enter. Tehke nii, et sel hetkel sisestatud tekst jõuaks sisendvälja all olevasse lõiku, aga sisendvälja sisu tühjendataks.