Gestionnaires multiples sur un élément en JavaScript
Si un élément a plusieurs gestionnaires
pour un même événement, même si la propagation
est arrêtée, ils seront tous exécutés. Autrement dit,
stopPropagation empêche la propagation
de l'événement plus loin, mais sur l'élément courant, tous
les gestionnaires seront exécutés. Regardez l'exemple :
elem1.addEventListener('click', function() {
console.log('vert');
});
elem2.addEventListener('click', function(event) {
console.log('bleu clair - premier gestionnaire');
event.stopPropagation(); // arrêtons la propagation
});
elem2.addEventListener('click', function() {
console.log('bleu clair - deuxième gestionnaire'); // s'exécutera quand même
});
elem3.addEventListener('click', function() {
console.log('rouge');
});
Vous pouvez vérifier :
