Milyen fázisai vannak az eseményeknek a böngészőben (buborékolás és mélyítés)? Hogyan állíthatjuk meg a buborékolást? Hogyan akadályozhatjuk az alapértelmezett műveletet?

A böngészőben egy esemény három szakaszon megy keresztül:

1. Szállítás (Capturing fázis) — az esemény a dokumentum gyökérétől a cél elemig halad.
2. Célfázis (Target phase) — az esemény eléri a cél elemet.
3. Bubbling (Buborékolási fázis) — az esemény visszafelé emelkedik a cél elemtől a gyökérig.

Az esemény buborékolásának megállításához a event.stopPropagation() metódus használható:

element.addEventListener('click', function(event) {
  event.stopPropagation(); // megállítja a további buborékolást
});

Az alapértelmezett művelet (pl. link követése vagy űrlap küldése) megelőzéséhez a event.preventDefault() használható:

link.addEventListener('click', function(event) {
  event.preventDefault(); // megszakítja az alapértelmezett műveletet
});