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:
html<input>
Laat ons 'n verwysing daarna in 'n veranderlike kry:
javascriptlet elem = document.querySelector('input');
Laat ons 'n gebeurtenis aan ons invoerveld koppel, wat afvuur met elke sleuteldruk:
javascriptelem.addEventListener('keypress', function(event) {
});
In die eienskap key van die
gebeurtenis-voorwerp sal die
gedrukte karakter wees:
javascriptelem.addEventListener('keypress', function(event) {
console.log(event.key);
});
En in die eienskap code sal
die kode van die gedrukte sleutel wees:
javascriptelem.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.