JavaScript-də Hadisələrin Qərarlaşması

Hadisələrin qalxmasından əlavə, bir də qərarlaşma mövcuddur. Əslində hadisə əvvəlcə yuxarıdan aşağıya doğru gedir (yaxalama mərhələsi), bizim elementimizə çatır (hədəf mərhələsi) və yalnız bundan sonra qalxmağa başlayır (qalxma mərhələsi).

Hadisə işləyicisini yaxalama mərhələsində əlavə etmək üçün addEventListener funksiyasının üçüncü, isteğe bağlı parametri var. Əgər o true-a bərabərdirsə - hadisə yaxalama mərhələsində işləyəcək, əgər false -olsa - qalxma mərhələsində (standart olaraq). Gəlin nümunəyə baxaq:

elem1.addEventListener('click', function() {
	console.log('yaşıl - qərarlaşma');
}, true);
elem1.addEventListener('click', function() {
	console.log('yaşıl - qalxma');
}, false);

elem2.addEventListener('click', function() {
	console.log('mavi - qərarlaşma');
}, true);
elem2.addEventListener('click', function() {
	console.log('mavi - qalxma');
}, false);

elem3.addEventListener('click', function() {
	console.log('qırmızı - qərarlaşma');
}, true);
elem3.addEventListener('click', function() {
	console.log('qırmızı - qalxma');
}, false);

Yoxlaya bilərsiniz: