JavaScript'теги Event объекти менен иштөөнүн негиздери

Бул сабакта биз 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); // окуя объектисин көрөбүз
});

Өз алдынча сүрөттөлгөн аракеттерди жасап, окуя объектисин консолго чыгарыңыз. Бул объекттин түзүлүшүн изилдеңиз.