Event delegation pomeni priložitev enega samega poslušalca skupnemu predeku namesto enega poslušalca na otroka in uporabo event bubbling za identifikacijo, s katerim otrokom je bila dejansko medsebojno delovanja (preko event.target).
.().(
li.(, handle));
.().(, {
li = e..();
(li) (li..);
});
Ko kliknete na <li>, se dogodek razširja: li → ul → body → document. Poslušalec na <ul> torej prejema klike od vseh svojih otrok <li>, in e.target vam pove točno, kateri element je bil kliknut. closest("li") se premika navzgor od cilja, da bi našel načrtovani element (obravnava tudi klike na notranjih elementih).
<li>, dodano kasneje, ne potrebuje novega poslušalca, ker ga nadrejeni že obravnava.Opira se na razširjanje, zato ne deluje za dogodke, ki se ne razširjajo (focus, blur — namesto tega uporabite focusin/focusout). To je natanko tehnika, ki jo React uporablja interno (en korenski poslušalec za celotno aplikacijo).