Arrêt immédiat de la propagation en JavaScript
Afin d'arrêter complètement le traitement,
les navigateurs modernes prennent en charge la méthode stopImmediatePropagation.
Non seulement elle empêche la propagation,
mais elle arrête également le traitement des événements sur l'élément
courant. Appliquons-la :
elem1.addEventListener('click', function() {
console.log('vert');
});
elem2.addEventListener('click', function(event) {
console.log('bleu - premier gestionnaire');
event.stopImmediatePropagation(); // arrêtons la propagation
});
elem2.addEventListener('click', function() {
console.log('bleu - deuxième gestionnaire'); // ne fonctionnera plus
});
elem3.addEventListener('click', function() {
console.log('rouge');
});
Vous pouvez vérifier :
