JavaScript-də Event Obyekti ilə İşləməyin Əsasları

Bu dərsdə biz Event obyekti ilə işləməyin əsaslarını öyrənəcəyik. Bu obyekt baş vermiş hadisə haqqında məlumatı özündə saxlayır. Məsələn, əgər element üzərində klik edilibsə, biz bu klikin koordinatlarını, klik anında Ctrl, Alt və ya Shift düymələrinin basılı olub-olmadığını və s. öyrənə bilərik.

Gəlin Event obyektini necə əldə edəcəyimizə baxaq. Tutaq ki, bizim bir düyməmiz var:

<button id="elem">mətn</button>

Tutaq ki, bu düyməyə klik edildikdə müəyyən bir funksiya işə düşür:

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

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

});

Bağlanan funksiyanın daxilində artıq Event obyekti mövcuddur - biz sadəcə onu necə əldə edəcəyimizi hələ bilmirik. O, aşağıdakı şəkildə əldə edilir: funksiyamızı təyin edərkən ona hər hansı bir dəyişəni parametr kimi ötürmək lazımdır (adətən, event - amma ad hər hansı ola bilər) və brauzer avtomatik olaraq bu dəyişənə Event obyektini qoyacaq:

elem.addEventListener('click', function(event) {
	console.log(event); // hadisə obyektini görəcəyik
});

Təsvir olunan manipulyasiyaları müstəqil olaraq edin və hadisə obyektini konsola çıxarın. Bu obyektin quruluşunu öyrənin.