Event bubbling & delegation
Në shqip: Përhapja e ngjarjeve
ShpjegimiSQ
Kur klikon një element, ngjarja „ngjitet“ edhe te prindërit e tij, deri te document — kjo quhet bubbling. Kjo të lejon të vendosësh një listener të vetëm te prindi për qindra elemente fëmijë (event delegation), në vend të një për secilin.
EnglishEN
When you click an element, the event “bubbles up” to its parents too, all the way to document — that's called bubbling. It lets you put a single listener on the parent for hundreds of child elements (event delegation), instead of one each.
Si ta mendosh
Si kur një nxënës ngre dorën: e sheh mësuesja, por edhe drejtori që kalon në korridor — s'ka nevojë për një roje te çdo bankë.
Lexoje në anglisht
Like a student raising their hand: the teacher sees it, but so does the head walking past — no need for a guard at every desk.
Shembull kodijavascript
lista.addEventListener("click", (e) => {
const termi = e.target.closest("li");
if (termi) console.log("Klikove:", termi.textContent);
});