ජාවාස්ක්‍රිප්‍ට් හි යතුරු එබීම් ලබා ගැනීම

Event වස්තුව භාවිතයෙන් යතුරු එබීම් ලබාගත හැකිය. අපි බලමු එය කරන ආකාරය. අප සතුව input ක්ෂේත්‍රයක් ඇතැයි සිතමු:

html<input>

අපි එය විචල්‍යයකට යොමු කර ගනිමු:

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

අපගේ input ක්ෂේත්‍රයට සිද්ධියක් එකතු කරමු, එය සෑම යතුරු එබීමකදීම ක්‍රියාත්මක වේ:

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

සිද්ධි වස්තුවේ key ගුණයේ එබූ අක්ෂරය අඩංගු වේ:

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

code ගුණයේ එබූ යතුරේ කේතය අඩංගු වේ:

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

input ක්ෂේත්‍රයක් සාදන්න, එය ආදානය කරන විට යතුරුවල අගයන් සහ ඒවායේ කේත ප්‍රතිදානය කරයි.

Задание 2

input ක්ෂේත්‍රයේ විවිධ යතුරු එබා බලන්න සහ ඒවායේ අගයන් සහ කේත මොනවාදැයි බලන්න.

Задание 3

Enter යතුර සඳහා කේතය යනු කුමක්දැයි තීරණය කරන්න.

Задание 4

BackSpace යතුර සඳහා කේතය යනු කුමක්දැයි තීරණය කරන්න.

Задание 5

ඡේදයක් සහ input ක්ෂේත්‍රයක් ඇත. එහි අක්ෂර ලියනු ලැබේ සහ Enter යතුර එබේ. එය කරන්න එම මොහොතේ ලියන ලද පෙළ input ක්ෂේත්‍රයට පහළින් ඇති ඡේදයට යන්නේ, input ක්ෂේත්‍රයේ අන්තර්ගතය හිස් වේ.