I have a situation that looks roughly like this:
My HTML page a contains div (which I'll call "parentDiv") on which I'm performing a transition. When that transition ends, it should call "onTransitionEndParent"
parentDiv contains a div (which I'll call "childDiv") on which I'm performing a different transition. When that transition ends, it should call "onTransitionEndChild".
So, my code looks roughly like this:
parentDiv.addEventListener("webkitTransitionEnd", onTransitionEndParent, false);
childDiv.addEventListener("webkitTransitionEnd", onTransitionEndChild, false);
transitionEnd is so called bubbling event that is being dispatched (bubbles up) from child to its parents.
Options for you:
event.targetproperty of the event object - it should contain element with ended transition.
event.stopPropagation()so to prevent its bubbling.