TransitionEnd ascoltatore che attiva elementi figlio

Question

Ho aggiunto un listener di eventi transitionend a div. Questo div ha figli che hanno transizione su alcuni elementi. Voglio che l'evento transitionend si attivi solo per l'elemento per cui l'ho aggiunto, è un bug? o comportamento previsto? Come farlo sparare solo se è quello a cui ho aggiunto l'ascoltatore?

Answer 1

Gli eventi sono spumeggianti per impostazione predefinita, che significa che verranno "trasmessi" all'elemento padre finché non colpiscono il corpo o un gestore che li interrompe.

È possibile:

• Filtro per la event's target essere sicuro che sia l'elemento che stai targeting.
• Ascoltare l'evento sui bambini e event.stopPropagation() su di loro. In questo modo, non faranno più bolle attraverso il genitore.

Se ci mostrassi del codice, sarebbe più semplice aiutarti, a seconda dell'implementazione corrente.

Answer 2

Questo processo è chiamato come Event Bubbling. La cosa che si può fare è rilevare il bubbling usando il gestore di eventi o impedire il gorgoglio interrompendo la propagazione. È possibile farlo da

event.stopPropagation() 

In IE beofore 9.

Si può fare come

window.event.cancelBubble = true; 

Si prega di avere uno sguardo dettagliato here