Dodałem detektor zdarzeń transitionend
do . Ten div
ma dzieci, które mają przejście na niektóre elementy. Chcę, aby zdarzenie transitionend wystrzeliło tylko dla elementu, do którego go dodałem, czy jest to błąd? lub oczekiwane zachowanie? Jak zrobić ogień tylko wtedy, gdy dodałem do niego słuchacza?Wysyłanie detektora TransitionEnd na elementach potomnych
Odpowiedz
Zdarzenia są domyślnie przepełnione, , co oznacza, że zostaną "przesłane" do elementu nadrzędnego, dopóki nie uderzą w ciało lub uchwyt, który je zatrzyma.
Można:
- filtra przez event's target będąc pewnym, że to element jesteś targetting.
- Słuchanie wydarzenia z udziałem dzieci i
event.stopPropagation()
na ich temat. W ten sposób nie będą już bzykać się z rodzicem.
Jeśli pokażesz nam jakiś kod, łatwiej będzie ci pomóc, w zależności od twojej obecnej implementacji.
Proces ten nazywa się Event Bubbling
. Możesz zrobić, to wykryć bulgotanie za pomocą funkcji obsługi zdarzeń lub zapobiec bulgotaniu poprzez zatrzymanie propagacji. Można to zrobić przez
event.stopPropagation()
W IE beofore 9.
Można to zrobić jako
window.event.cancelBubble = true;
Proszę mieć szczegółowy wygląd here
Przyjemność ....;) –
Proszę, nie przejmujcie się, ale przyjąłem odpowiedź pozostałych facetów, gdy pisał pierwszy. Ale twoje informacje i wyjaśnienia dotyczące IE9 są bardzo doceniane. – Noitidart
to w porządku, człowieku ... to nie ma znaczenia, aby zaakceptować odpowiedź. Sprawa jest pogodna, jeśli pomogła ci lub nie i cieszę się, że pomogła ci .. :) Cheers..Hapy kodowanie –
- 1. Prevent onmouseout od wypalania na elementach potomnych
- 2. AngularJS: Zapobieganie wyzwalaniu zdarzenia "mouseenter" na elementach potomnych
- 3. Czystszy sposób zmiany fokusu na elementach potomnych w React
- 4. Jak słuchać Binding.SourceUpdated na wszystkich elementach potomnych elementu głównego?
- 5. Ustawianie detektora odsunięcia na CollapsingToolbarLayout
- 6. Funkcja szablonu na elementach struktury
- 7. Java: Synchronizacja na elementach pierwotnych?
- 8. jQuery kliknij na dołączonych elementach
- 9. Złożoność czasowa detektora krawędzi Canny
- 10. Problem z rozmiarem jQuery na obróconych elementach
- 11. Android: Skoncentruj się na elementach TimePicker
- 12. Wiązanie nokautu na dynamicznie generowanych elementach
- 13. Modyfikacja wektora oparte na elementach sekwencji
- 14. Handler na elementach DOM w GWT
- 15. Koszt umieszczania przejść CSS na wszystkich elementach
- 16. Lista z ograniczeniami typu na kolejnych elementach
- 17. Jak powiązać bootstrap podpowiedź na elementach dynamicznych
- 18. Tworzenie JEditable na nowych elementach (.live)
- 19. Obserwuj obiekt PropertyChanged na elementach w kolekcji
- 20. Różne indeksy na różnych elementach zestawu replik
- 21. knockout data-bind na dynamicznie generowanych elementach
- 22. Hover efekt na elementach grupy SVG
- 23. monitor procesów potomnych procesu
- 24. Liczba węzłów potomnych pugixml
- 25. Wyłączanie detektora gestów w DrawerLayout
- 26. Przekierowanie Symfony2 dla detektora zdarzeń?
- 27. Wysyłanie listy na żądanie JSON
- 28. Wysyłanie komend MCCS na kakao
- 29. Granica CSS na końcu linii na elementach śródliniowych
- 30. Django Haystack: filtruj zapytanie oparte na wielu elementach na liście.
Dzięki dla tych opcji było miło! Poszedłem z event.stopProp – Noitidart