Az event delegáció azt jelenti, hogy egyetlen figyelőt csatolunk egy közös ősre ahelyett, hogy mindegyik gyermekhez egy figyelőt csatolnánk, és az event bubblinget használjuk annak azonosítására, hogy mely gyermek volt valójában interakcióban (event.target segítségével).
.().(
li.(, handle));
.().(, {
li = e..();
(li) (li..);
});
Ha rákattintasz az <li> elemre, az esemény feljebben buborékozik: li → ul → body → document. Az <ul> elemre helyezett figyelő ezért bármely <li> gyermekéből fogadja a kattintásokat, és az e.target közli veled a pontos kattintott elemet. A closest("li") felfelé halad a céltól az jelölt elem megtalálásáig (a belső elemekre történő kattintásokat is kezeli).
<li> nem igényel új figyelőt, mivel a szülő már kezelni tudja azt.A buborékozásra támaszkodik, ezért nem működik olyan eseményekhez, amelyek nem buborékoznak (focus, blur — helyette használja a focusin/focusout elemeket). Ez pontosan az a technika, amelyet a React belsőleg használ (egy gyökér figyelő a teljes alkalmazáshoz).