Kuzuia Matukio Kutanda katika JavaScript

Matukio ya kutanda yanaweza kuzuiwa kwenye kipengele chochote ambacho tukio linatanda kupitia kwake. Ili kufanya hivyo, katika msimbo wa kipengele unapaswa kuita kipimo stopPropagation cha kitu Event.

Katika mfano ufuatao, kubofya kwenye kizuizi nyekundu kitafulia juu yake yenyewe, kisha kwenye kizuizi cha bluu na yote - kizuizi cha bluu kinazuia kutanda zaidi na kizuizi kijani hakitachochewi tena:

javascriptelem1.addEventListener('click', function() {
  console.log('kijani');
});
elem2.addEventListener('click', function(event) {
  console.log('bluu');
  event.stopPropagation(); // kuzuia kutanda
});
elem3.addEventListener('click', function() {
  console.log('nyekundu');
});

Unaweza kujaribu: