Event delegation înseamnă atașarea unui singur listener la un strămoș comun în loc de un listener pe copil, și utilizarea event bubbling pentru a identifica care copil a fost de fapt interacționat (via event.target).
.().(
li.(, handle));
.().(, {
li = e..();
(li) (li..);
});
Când faci clic pe un <li>, evenimentul se propagă: li → ul → body → document. Un listener pe <ul> primește prin urmare clicuri de la toți copiii săi <li>, iar e.target îți spune exact ce element a fost făcut clic. closest("li") se deplasează în sus de la țintă pentru a găsi elementul intenționat (gestionează și clicurile pe elementele interne).
<li> adăugat mai târziu nu are nevoie de un nou listener, deoarece părintele deja îl gestionează.Se bazează pe propagare, deci nu funcționează pentru evenimentele care nu se propagă (focus, blur — folosiți focusin/focusout în loc). Aceasta este exact tehnica pe care React o folosește intern (un listener rădăcină pentru întreaga aplicație).
O bibliotecă de întrebări de interviu IT cu răspunsuri detaliate — de la Junior la Senior.
Donează