Асосҳои кор бо объекти 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); // объекти бо воқеаро мебинем
});

Худкор манипулятсияҳои тавсифшударо анҷом диҳед ва объекти бо воқеаро ба консол чоп кунед. Сохти ин объектро омӯзед.