Event ობიექტთან მუშაობის საფუძვლები JavaScript-ში
ამ გაკვეთილზე ჩვენ შევისწავლით მუშაობის საფუძვლებს
Event ობიექტთან. ეს ობიექტი შეიცავს
ინფორმაციას მომხდარ მოვლენაზე.
მაგალითად, თუ ელემენტზე დაწკაპუნება მოხდა,
ჩვენ შეგვიძლია გავიგოთ ამ დაწკაპუნების კოორდინატები,
დაჭერილიყო თუ არა Ctrl, Alt
ან Shift ღილაკები დაწკაპუნების მომენტში და ასე შემდეგ.
მოდით ვნახოთ, როგორ მივიღოთ Event ობიექტი.
დავუშვათ, გვაქვს ღილაკი:
<button id="elem">ტექსტი</button>
დავუშვათ, ამ ღილაკზე დაწკაპუნებისას შესრულდება გარკვეული ფუნქცია:
let elem = document.querySelector('#elem');
elem.addEventListener('click', function() {
});
მიბმულ ფუნქციაში უკვე არის Event
ობიექტი - ჩვენ უბრალოდ ჯერ არ ვიცით,
როგორ მივიღოთ ის. ის მიიღება შემდეგი
გზით: ჩვენი ფუნქციის გამოცხადებისას
უნდა გადავცეთ მას პარამეტრად ნებისმიერი ცვლადი
(როგორც წესი, event - მაგრამ სახელი
შეიძლება იყოს ნებისმიერი) და ამ ცვლადში ბრაუზერი
ავტომატურად ჩადებს Event ობიექტს:
elem.addEventListener('click', function(event) {
console.log(event); // ვნახავთ მოვლენის ობიექტს
});
თავად გააკეთეთ აღწერილი მანიპულაციები და აჩვენეთ მოვლენის ობიექტი კონსოლში. შეისწავლეთ ამ ობიექტის სტრუქტურა.
