Krystoets verkry in JavaScript

Met behulp van die Event voorwerp kan ons gedrukte sleutels verkry. Kom ons kyk hoe dit gedoen word. Gestel ons het 'n invoerveld:

<input>

Laat ons 'n verwysing daarna in 'n veranderlike kry:

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

Laat ons 'n gebeurtenis aan ons invoerveld koppel, wat afvuur met elke sleuteldruk:

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

In die eienskap key van die gebeurtenis-voorwerp sal die gedrukte karakter wees:

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

En in die eienskap code sal die kode van die gedrukte sleutel wees:

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

Maak 'n invoerveld wat met invoer die waardes van die ingetikte sleutels en hul kodes vertoon.

Druk verskeie sleutels in die invoerveld en kyk watter waardes en kodes hulle het.

Bepaal watter kode die Enter-sleutel sal hê.

Bepaal watter kode die BackSpace-sleutel sal hê.

Daar is 'n paragraaf en 'n invoerveld. Daar word teks ingetik en die Enter-sleutel word gedruk. Maak dit so dat op daardie oomblik die ingetikte teks in die paragraaf onder die invoerveld verskyn, en die inhoud van die invoerveld skoongemaak word.