ජාවාස්ක්රිප්ට් හි යතුරු එබීම් ලබා ගැනීම
Event වස්තුව භාවිතයෙන්
යතුරු එබීම් ලබාගත හැකිය. අපි
බලමු එය කරන ආකාරය.
අප සතුව input ක්ෂේත්රයක් ඇතැයි සිතමු:
<input>
අපි එය විචල්යයකට යොමු කර ගනිමු:
let elem = document.querySelector('input');
අපගේ input ක්ෂේත්රයට සිද්ධියක් එකතු කරමු, එය සෑම යතුරු එබීමකදීම ක්රියාත්මක වේ:
elem.addEventListener('keypress', function(event) {
});
සිද්ධි වස්තුවේ key ගුණයේ
එබූ අක්ෂරය අඩංගු වේ:
elem.addEventListener('keypress', function(event) {
console.log(event.key);
});
code ගුණයේ එබූ යතුරේ
කේතය අඩංගු වේ:
elem.addEventListener('keypress', function(event) {
console.log(event.code);
});
input ක්ෂේත්රයක් සාදන්න, එය ආදානය කරන විට යතුරුවල අගයන් සහ ඒවායේ කේත ප්රතිදානය කරයි.
input ක්ෂේත්රයේ විවිධ යතුරු එබා බලන්න සහ ඒවායේ අගයන් සහ කේත මොනවාදැයි බලන්න.
Enter යතුර සඳහා කේතය
යනු කුමක්දැයි තීරණය කරන්න.
BackSpace යතුර සඳහා කේතය
යනු කුමක්දැයි තීරණය කරන්න.
ඡේදයක් සහ input ක්ෂේත්රයක් ඇත. එහි අක්ෂර ලියනු ලැබේ
සහ Enter යතුර එබේ. එය කරන්න
එම මොහොතේ ලියන ලද
පෙළ input ක්ෂේත්රයට පහළින් ඇති ඡේදයට යන්නේ,
input ක්ෂේත්රයේ අන්තර්ගතය හිස් වේ.
