Categoria
Articoli tecnici organizzati per gruppo funzionale.
Quando un utente clicca su un'icona '<i class="fa"></i>' all'interno di un pulsante '<button>', 'e.target' punta all'icona; in jQuery 'this' nel gestore punta correttamente al bottone delegato, ma interrogare 'e.target' senza '.closest()' genera errori logici.
Associare eventi direttamente con '$(".btn").on("click", ...)' collega il listener solo ai nodi DOM già esistenti al momento dell'esecuzione; per elementi aggiunti successivamente tramite AJAX occorre usare la delegazione: '$(document).on("click", ".btn", ...)'.
Invocare il binding di un evento (es. '$("#btn").on("click", ...)') all'interno di una funzione richiamata ripetutamente o di una callback AJAX accumula listener multipli; si risolve scollegando prima con '.off("click").on("click")' o usando '.one("click")'.
Se un'eccezione JavaScript non gestita si verifica all'interno del gestore 'submit' prima della chiamata a 'e.preventDefault()', l'esecuzione del blocco si interrompe e il browser procede normalmente all'invio HTTP della pagina.
La scorciatoia '.hover(fn1, fn2)' o con una sola funzione per entrambi gli stati è deprecata per ambiguità; si raccomanda l'uso esplicito degli eventi distinti '.on("mouseenter mouseleave", ...)'.
Quando si inviano dati con '.trigger("myEvent", [param1, param2])', se i parametri non sono racchiusi in un array, jQuery li interpreta come argomenti separati o omette il payload; la firma corretta richiede la ricezione '(event, param1, param2)'.
Tutte le scorciatoie storiche di eventi (come '.click()', '.focus()', '.change()', '.keydown()') sono formalmente deprecate a partire da jQuery 3.3; lo standard contemporaneo richiede la forma esplicita '.on("click", ...)'.
Gli eventi 'mouseover' e 'mouseout' eseguono il bubbling ogni volta che il cursore attraversa un elemento figlio annidato nel container, provocando sfarfallio; si risolve usando 'mouseenter' e 'mouseleave' che non scattano sui passaggi tra nodi figli interni.