დაჭდული ღილაკების მიღება JavaScript-ში
Event ობიექტის საშუალებით შეგვიძლია
მივიღოთ დაჭდული ღილაკები. მოდით
ნახოთ, როგორ კეთდება ეს.
დაე, გვქონდეს ინფუთი:
<input>
მივიღოთ მისი მითითება ცვლადში:
let elem = document.querySelector('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);
});
შექმენით ინფუთი, რომელიც შეყვანისას გამოიტანს შეყვანილი ღილაკების მნიშვნელობებს და მათ კოდებს.
დააჭირეთ ინფუთში სხვადასხვა ღილაკებს და ნახეთ, რა მნიშვნელობები და კოდები აქვთ მათ.
განსაზღვრეთ, რა კოდი ექნება
Enter ღილაკს.
განსაზღვრეთ, რა კოდი ექნება
BackSpace ღილაკს.
მოცემულია აბზაცი და ინფუთი. მასში შედის ტექსტი
და იჭერს Enter ღილაკს. გახადეთ
ისე, რომ ამ მომენტში შეყვანილი
ტექსტი მოხვდეს ინფუთის ქვემოთ მდებარე აბზაცში,
ხოლო ინფუთის შიგთავსი გაიწმინდოს.
