JavaScriptтеги окуялардын көтөрүлүшүн токтотуу

Окуянын көтөрүлүшү аны көтөрүлүп өткөн ар бир элементте токтотулушу мүмкүн. Бул үчүн элементтин кодунан Event объектисинин stopPropagation методу чакырылышы керек.

Төмөнкү мисалда кызыл блокту чыкылдатуу алды менен иштейт, андан кийин көк блокто иштейт жана андан кийин токтойт - көк блок андан ары көтөрүлүштү токтотот жана жашыл блок эч кандай жооп бербейт:

elem1.addEventListener('click', function() {
	console.log('жашыл');
});
elem2.addEventListener('click', function(event) {
	console.log('көк');
	event.stopPropagation(); // көтөрүлүштү токтотуу
});
elem3.addEventListener('click', function() {
	console.log('кызыл');
});

Сиз текшере аласыз: