JavaScript-ში მოვლენების ამოსვლის შეჩერება

მოვლენის ამოსვლის შესაჩერებლად შესაძლებელია ნებისმიერ ელემენტზე, რომლის გავლითაც მოვლენა ამოდის. ამისთვის ელემენტის კოდში უნდა გამოვიძახოთ Event ობიექტის stopPropagation მეთოდი.

შემდეგ მაგალითში, წითელ ბლოკზე დაწკაპუნება მოხდება თავად მასზე, შემდეგ ცისფერ ბლოკზე და აქ სრულდება - ცისფერი ბლოკი აჩერებს შემდგომ ამოსვლას და მწვანე ბლოკი უკვე არანაირად არ რეაგირებს:

elem1.addEventListener('click', function() {
	console.log('მწვანე');
});
elem2.addEventListener('click', function(event) {
	console.log('ცისფერი');
	event.stopPropagation(); // შევაჩეროთ ამოსვლა
});
elem3.addEventListener('click', function() {
	console.log('წითელი');
});

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