CONTATTACI

Guide per aspiranti programmatori

Sviluppatore dall'aria dubbiosa che si interroga su che cos'è jquery
Lezione 23 / 36

Delegazione e propagazione degli eventi in jQuery

Nel contesto della programmazione web, capire come funzionano la delegazione e la propagazione degli eventi è essenziale. Questi concetti sono particolarmente importanti in jQuery: scopriamo come questa libreria li rende accessibili e gestibili.

 

Delegazione degli Eventi in jQuery

La delegazione degli eventi è una tecnica di gestione degli eventi che sfrutta il concetto di event bubbling (propagazione dell’evento) nel DOM (Document Object Model). Invece di assegnare un gestore di eventi a un singolo elemento, la delegazione consente di assegnarlo a un elemento genitore, che poi ascolta gli eventi innescati dai suoi elementi figli.

 

Vantaggi della Delegazione degli eventi in jQuery

  • Efficienza: Riduce il sovraccarico di memoria perché meno gestori di eventi sono necessari.
  • Dinamicità: Gestisce gli eventi su elementi che vengono aggiunti dinamicamente al DOM, senza la necessità di riassegnare i gestori di eventi ogni volta.

 

jQuery implementa la delegazione degli eventi attraverso il metodo .on(), quando è usato con un selettore specificato. Ad esempio:

$("#contenitore").on("click", "button", function() {
  alert("Bottone cliccato!");
});

In questo esempio, tutti i bottoni all’interno dell’elemento con ID contenitore avranno un gestore di evento di clic, anche se vengono aggiunti al DOM in un secondo momento.

 

Propagazione degli Eventi in jQuery

La propagazione degli eventi descrive il modo in cui gli eventi si diffondono attraverso il DOM. Gli eventi nel linguaggio JavaScript seguono due fasi principali: la fase di capturing (cattura) e la fase di bubbling (propagazione).

 

Event capturing

Durante la fase di capturing, l’evento viene catturato dall’elemento più esterno nell’albero DOM e prosegue verso l’elemento target dell’evento. Questo comportamento consente di intercettare gli eventi prima che raggiungano l’elemento specifico che li ha originati.

 

Event Bubbling

Nel bubbling, l’evento inizia dall’elemento più interno e si propaga verso gli elementi genitori. Questo comportamento è la base della delegazione degli eventi.

 

Controllare la Propagazione in jQuery

A volte, è necessario interrompere questo processo per evitare che un evento si propaghi ulteriormente nel DOM. jQuery fornisce metodi per controllare questa propagazione:

  • .stopPropagation(): Previene la propagazione ulteriore dell’evento nel DOM.
  • .preventDefault(): Previene il comportamento predefinito dell’evento (ad esempio, impedisce a un modulo di essere inviato).
$("#elemento").click(function(event) {
  event.stopPropagation();
  // Il codice qui viene eseguito senza influenzare altri elementi
});

In questo esempio, quando #elemento viene cliccato, il suo gestore di evento viene eseguito, ma l’evento non si propaga oltre.

Contattaci senza impegno per informazioni sul corso

Pagamento rateale

Valore della rata: A PARTIRE DA 115 €/mese.

Esempio di finanziamento 

Importo finanziato: € 2440 in 24 rate da € 115 – TAN fisso 9,55% TAEG 12,57% – importo totale del credito € 2841.

Il costo totale del credito comprende: interessi calcolati al TAN indicato, oneri fiscali (imposta di bollo sul contratto 16,00 euro*) addebitati sulla prima rata, costo mensile di gestione pratica € 3,90, spesa di istruttoria € 0,00, spesa per invio rendicontazione periodica cartacea € 0,98 (o spesa per invio rendicontazione periodica cartacea € 0,00), imposta di bollo su rendicontazione periodica € 0,00. Modalità di rimborso obbligatoria: addebito diretto su c/c. La scadenza delle rate è determinata dal giorno della liquidazione del contratto; la data di scadenza delle rate è prevista il giorno 15 del mese. L’importo di ciascuna rata comprende una quota di capitale crescente e interessi decrescente secondo un piano di ammortamento “alla francese”. Offerta valida dal 01/01/2024 al 31/12/2024.

Messaggio pubblicitario con finalità promozionale. Per le informazioni precontrattuali richiedere sul punto vendita il documento “Informazioni europee di base sul credito ai consumatori” (SECCI) e copia del testo contrattuale. Salvo approvazione di Sella Personal Credit S.p.A. Aulab S.r.l. opera quale intermediario del credito NON in esclusiva.

*In fase di richiesta del finanziamento verrà proposta la facoltà di selezionare, in alternativa all’imposta di bollo sul contratto di 16,00 euro, l’imposta sostitutiva, pari allo 0,25% dell’importo finanziato.

Pagamento rateale

Valore della rata: A PARTIRE DA 210 €/mese.

Esempio di finanziamento  

Importo finanziato: € 4500 in 24 rate da € 210,03 – TAN fisso 9,68% TAEG 11,97% – importo totale del credito € 5146,55.

Il costo totale del credito comprende: interessi calcolati al TAN indicato, oneri fiscali (imposta di bollo sul contratto 16,00 euro*) addebitati sulla prima rata, costo mensile di gestione pratica € 3,90, spesa di istruttoria € 0,00, spesa per invio rendicontazione periodica cartacea € 0,98 (o spesa per invio rendicontazione periodica cartacea € 0,00), imposta di bollo su rendicontazione periodica € 0,00. Modalità di rimborso obbligatoria: addebito diretto su c/c. La scadenza delle rate è determinata dal giorno della liquidazione del contratto; la data di scadenza delle rate è prevista il giorno 15 del mese. L’importo di ciascuna rata comprende una quota di capitale crescente e interessi decrescente secondo un piano di ammortamento “alla francese”. Offerta valida dal 01/01/2024 al 31/12/2024.

Messaggio pubblicitario con finalità promozionale. Per le informazioni precontrattuali richiedere sul punto vendita il documento “Informazioni europee di base sul credito ai consumatori” (SECCI) e copia del testo contrattuale. Salvo approvazione di Sella Personal Credit S.p.A. Aulab S.r.l. opera quale intermediario del credito NON in esclusiva.

* In fase di richiesta del finanziamento verrà proposta la facoltà di selezionare, in alternativa all’imposta di bollo sul contratto di 16,00 euro, l’imposta sostitutiva, pari allo 0,25% dell’importo finanziato.

Contattaci senza impegno per informazioni sul corso

Scopriamo insieme se i nostri corsi fanno per te. Compila il form e aspetta la chiamata di uno dei nostri consulenti.