JavaScript-ում բաբլյուխի անմիջական դադարեցում

Որպեսզի ամբողջությամբ դադարեցնենք մշակումը, ժամանակակից բրաուզերները աջակցում են stopImmediatePropagation մեթոդին: Այն ոչ միայն կանխում է բաբլյուխը, այլև դադարեցնում է իրադարձությունների մշակումը ընթացիկ տարրի վրա: Եկեք այն կիրառենք.

elem1.addEventListener('click', function() {
	console.log('կանաչ');
});
elem2.addEventListener('click', function(event) {
	console.log('երկնագույն - առաջին մշակիչ');
	event.stopImmediatePropagation();     // դադարեցնենք բաբլյուխը
});
elem2.addEventListener('click', function() {
	console.log('երկնագույն - երկրորդ մշակիչ'); // այլևս չի աշխատի
});
elem3.addEventListener('click', function() {
	console.log('կարմիր');
});

Կարող եք ստուգել.