Omedelbart stopp av eventbubblan i JavaScript
För att helt stoppa hanteringen,
stöder moderna webbläsare metoden stopImmediatePropagation.
Den förhindrar inte bara eventbubblan, utan
stoppar också händelsehanteringen på det aktuella
elementet. Låt oss använda den:
elem1.addEventListener('click', function() {
console.log('grön');
});
elem2.addEventListener('click', function(event) {
console.log('blå - första hanteraren');
event.stopImmediatePropagation(); // stoppa eventbubblan
});
elem2.addEventListener('click', function() {
console.log('blå - andra hanteraren'); // kommer inte att köras
});
elem3.addEventListener('click', function() {
console.log('röd');
});
Du kan testa:
