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('წითელი');
});

შეგიძლიათ შეამოწმოთ: