Чанд ҳадсгузори бар унсури JavaScript

Агар барои як унсур чанд ҳадсгузорӣ бар як воқеа вуҷуд дошта бошад, он гоҳ ҳатто бо қатъ кардани вуқуъ ҳамаи онҳо иҷро карда мешаванд. Яъне, stopPropagation аз гузаштани воқеа ба поён пешгирӣ мекунад, аммо дар унсури ҷорӣ ҳама ҳадсгузорҳо кор мекунанд. Намунаро нигаред:

javascriptelem1.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('сурх');
});

Шумо метавонед тафтиш кунед: