JavaScriptтеги бир элементе бир нечече иштечүүлөр

Эгер элементте бир окуяга бир нече иштечүү болсо, анда көтөрүлүү токтоп калса да, алардын бардыгы аткарылат. Башкача айтканда, stopPropagation окуянын андан ары өтүшүнө тоскоолдук кылат, бирок учурдагы элементте бардык иштечүүлөр иштейт. Мисалды караңыз:

elem1.addEventListener('click', function() {
	console.log('жашыл');
});
elem2.addEventListener('click', function(event) {
	console.log('көгүш - биринчи иштечүү');
	event.stopPropagation(); // көтөрүлүүнү токтотобуз
});
elem2.addEventListener('click', function() {
	console.log('көгүш - экинчи иштечүү'); // баары бир иштейт
});
elem3.addEventListener('click', function() {
	console.log('кызыл');
});

Сынап көрө аласыз: