JavaScript да Event объекти билан ишлашнинг асослари

Ущбу дарсда биз Event объекти билан ишлашнинг асосларини ўрганамиз. Ушбу объект содир бўлган воқеа ҳақида маълумотни ўз ичига олади. Масалан, агар элемент босилган бўлса, биз ущбу босилиш координаталарини билишимиз мумкин, босилиш пайтида Ctrl, Alt ёки Shift тугмаси босилганми-ёки ва ҳоказо.

Келинг, Event объектини қандай олишни кўрамиз. Фарз қилайлик, бизда тугма бор:

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

Фарз қилайлик, ушбу тугма босилганда баъзи функция бажарилади:

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

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

});

Богланган функциянинг ичида аллақачон Event объекти мавжуд - биз фақат уни қандай олишни ҳали билмаймиз. У қуйидаги тарзда олинади: бизнинг функциямизни эълон қилишда унга бирор ўзгарувчини параметр сифатида ўтказамиз (оддата, event - лекин номланиш исталганча бўлиши мумкин) ва ушбу ўзгарувчига браузер автоматик равишда Event объектини қўяди:

elem.addEventListener('click', function(event) {
	console.log(event); // воқеа объектини кўрамиз
});

Сўзларимиз тавсирланган амалиётларни мустақил бажариб, воқеа объектини консольга чиқаринг. Ушбу объектнинг tузилишини ўрганинг.