Mitme sündmustekäsitlaja elemendil JavaScriptis

Kui elemendil on mitu sündmustekäsitljat ühe sündmuse jaoks, siis isegi kui pealevoolutamine peatatakse, täidetakse need kõik. See tähendab, et stopPropagation takistab sündmuse edasist liikumist, kuid praegusel elemendil täidetakse kõik käsitljad. Vaadake näidet:

javascriptelem1.addEventListener('click', function() {
  console.log('roheline');
});
elem2.addEventListener('click', function(event) {
  console.log('sinakasroheline - esimene käsitlja');
  event.stopPropagation(); // peatame pealevoolutamise
});
elem2.addEventListener('click', function() {
  console.log('sinakasroheline - teine käsitlja'); // töötab ikkagi
});
elem3.addEventListener('click', function() {
  console.log('punane');
});

Võite proovida: