Dlaczego zdarzenie przejściowe można uruchomić po zakończeniu przenoszenia elementu?

Question

Zawiązałem zdarzenie transitionend do div1. Po zakończeniu przejścia div1 wydarzenie się uruchomiło. Nie ma problemu.

że wystąpił przypadek szczególny:

Po dodaniu 3 akapitów tego div1 podczas przejścia każdy akapit zostaje zakończony, transitionend zdarzenie div1 jest również prowadził. Więc zdarzenie transitionend przebiegło 4 razy. >. <

W transitionend ciała słuchacza funkcja imprezy za div1 „s, widzę, że event.target! == this. Czuję, że to całkiem śmieszne!

Zarówno Chrome, jak i Firefox mają ten problem. Zgaduję więc, że to nie jest błąd implementacji specyfikacji HTML5 przeglądarki.

Czy ktoś może wyjaśnić, dlaczego zdarzenie transitionend elementu może zostać wywołane przez element potomny tego elementu?

Dziękuję.

Answer 1

To się nazywa bulgotanie zdarzeń. Wiele zdarzeń występujących w elemencie podrzędnym będzie domyślnie wywoływać bąbelki między rodzicami po wywołaniu wywołania zdarzenia na obiekcie źródłowym. Możesz wykryć bulgotanie, jak zauważyłeś, badając obiekt event lub możesz zapobiec propagacji poprzez zatrzymanie propagacji podczas obsługi zdarzenia na obiekcie źródłowym.

Zatrzymywanie propagacji jest jedną z tych rzeczy, które różnią się w IE w porównaniu z innymi przeglądarkami. W innych przeglądarkach, zadzwonić:

event.stopPropagation() 

w IE przed IE9:

window.event.cancelBubble = true;