Se poate opri propagarea evenimentelor? Cum? Care este diferența dintre stopPropagation și stopImmediatePropagation?

Da, oprirea propagării evenimentelor este posibilă cu ajutorul metodelor stopPropagation() și stopImmediatePropagation() ale obiectului eveniment.

• event.stopPropagation() împiedică propagarea evenimentului în sus în arborele DOM, dar alți manipuladores pe același element vor fi în continuare apelați.
• event.stopImmediatePropagation() nu doar oprește propagarea evenimentului, ci împiedică și apelarea celorlalte manipulatoare ale aceluiași eveniment pe același element.

Exemplu:

element.addEventListener('click', (event) => {
  event.stopPropagation(); // sau event.stopImmediatePropagation();
  console.log('Manipulador pe element');
});