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:
elem1.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:
