Event ობიექტთან მუშაობის საფუძვლები JavaScript-ში

ამ გაკვეთილზე ჩვენ შევისწავლით მუშაობის საფუძვლებს Event ობიექტთან. ეს ობიექტი შეიცავს ინფორმაციას მომხდარ მოვლენაზე. მაგალითად, თუ ელემენტზე დაწკაპუნება მოხდა, ჩვენ შეგვიძლია გავიგოთ ამ დაწკაპუნების კოორდინატები, დაჭერილიყო თუ არა Ctrl, Alt ან Shift ღილაკები დაწკაპუნების მომენტში და ასე შემდეგ.

მოდით ვნახოთ, როგორ მივიღოთ Event ობიექტი. დავუშვათ, გვაქვს ღილაკი:

html<button id="elem">ტექსტი</button>

დავუშვათ, ამ ღილაკზე დაწკაპუნებისას შესრულდება გარკვეული ფუნქცია:

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

elem.addEventListener('click', function() {

});

მიბმულ ფუნქციაში უკვე არის Event ობიექტი - ჩვენ უბრალოდ ჯერ არ ვიცით, როგორ მივიღოთ ის. ის მიიღება შემდეგი გზით: ჩვენი ფუნქციის გამოცხადებისას უნდა გადავცეთ მას პარამეტრად ნებისმიერი ცვლადი (როგორც წესი, event - მაგრამ სახელი შეიძლება იყოს ნებისმიერი) და ამ ცვლადში ბრაუზერი ავტომატურად ჩადებს Event ობიექტს:

javascriptelem.addEventListener('click', function(event) {
  console.log(event); // ვნახავთ მოვლენის ობიექტს
});