Переход на прослушивание на дочерние элементы TransitionEnd

Question

Я добавил transitionend прослушиватель событий на div. У этого div есть дети, у которых есть переход на некоторые элементы. Я хочу, чтобы событие перехода только для элемента, для которого я его добавил, является ли это ошибкой? или ожидаемое поведение? Как заставить его срабатывать только в том случае, если к нему добавлен слушатель?

Answer 1

События по-прежнему пузырятся, означает, что они будут «переданы» родительскому элементу до тех пор, пока они не ударяют тело или обработчик, который их остановит.

Вы можете:

• Фильтр по event's target будучи уверен, что это элемент вы ориентируетесь.
• Прослушивание мероприятия для детей и event.stopPropagation() на них. Таким образом, они больше не будут пузыриться через родителя.

Если вы укажете нам какой-то код, было бы проще помочь вам, в зависимости от вашей текущей реализации.

Answer 2

Этот процесс называется Event Bubbling. Вещь, которую вы можете сделать, - это либо обнаружить пузырьки с помощью обработчика событий, либо предотвратить пузырение, прекратив протагонирование. Вы можете сделать это

event.stopPropagation() 

В IE Beofore 9.

Вы можете сделать это, как

window.event.cancelBubble = true; 

Пожалуйста, подробно рассмотрит here