Beëindiging van Gebeurtenisborrelen in JavaScript
Gebeurtenisborreling kan op enige element gestop word
waardeur die gebeurtenis borrel.
Om dit te doen, moet die stopPropagation metode
van die Event-objek in die kode van die element aangeroep word.
In die volgende voorbeeld sal 'n klik op die rooi blok daarself aktiveer, dan op die blou blok en dit is al - die blou blok beëindig verdere borreling en die groen blok sal glad nie reageer nie:
elem1.addEventListener('click', function() {
console.log('groen');
});
elem2.addEventListener('click', function(event) {
console.log('blou');
event.stopPropagation(); // stop die borreling
});
elem3.addEventListener('click', function() {
console.log('rooi');
});
Jy kan dit toets: