Асновы працы з аб'ектам Event у JavaScript

У гэтым ўроку мы з вамі вывучым асновы працы з аб'ектам Event. Даны аб'ект утрымлівае ў сабе інфармацыю пра прадзіўшае падзея. Напрыклад, калі па элеменце быў зроблены клік, мы можам даведацца каардынаты гэтага кліку, ці была націснутая клавіша Ctrl, Alt ці Shift у момант кліку і гэтак далей.

Давайце паглядзім, як атрымаць аб'ект Event. Хай у нас ёсць кнопка:

html<button id="elem">text</button>

Хай па кліку на гэтую кнопку выконваецца нейкая функцыя:

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

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

});

Усярэдзіне прывязанай функцыі ўжо ёсць аб'ект Event - мы проста пакуль яшчэ не ведаем, як яго атрымаць. Атрымліваецца ён наступным чынам: трэба пры аб'яўленні нашай функцыі перадаць у яе параметрам любую зменную (як правіла, event - але назва можа быць любой) і ў гэтую зменную браўзэр аўтаматычна пакладзе аб'ект Event:

javascriptelem.addEventListener('click', function(event) {
  console.log(event); // убачым аб'ект з падзеяй
});