Każdy pomysł, dlaczego zdarzenie mouseleave nie jest rejestrowane podczas szybkiego przesuwania kursora?

Question

Sprawdź to fiddle out: http://jsfiddle.net/abitdodgy/7rFb6/1/

Po przesunięciu kursora szybko zdarzenie mouseleave nie rejestruje w czasie. Dlaczego to się dzieje?

Po najechaniu kursorem na wybrany obraz pojawia się warstwa .controls, która umożliwia usunięcie zaznaczenia. Jednak po usunięciu warstwa .controls powinna zniknąć. Nie zawsze tak się dzieje, gdy kursor porusza się naprawdę szybko między warstwami.

Spróbuj wybrać zdjęcia i szybko przesuń kursor między nimi, a zauważysz, że tak się dzieje. Jeśli obraz jest zaznaczony, warstwa .controls nie powinna być widoczna, chyba że najedziesz na niego kursorem.

Wszelkie pomysły?

Answer 1

Spróbuj powiązać zdarzenie mouseleave z opakowaniem div, a nie z pojedynczym elementem, ponieważ nie jest ono zawieszane w wyzwalaczu .

Czy dla ciebie pracuje this sample?

Proponuję również dodać z-index: 2; do elementów .

Answer 2

SZYBKO przeniosłem moją laserową mysz nad wszystkie z nich i NATYCHMIAST zareagowali. Wydaje się, że problem jest związany z ograniczeniami twojego sprzętu, a nie z jakimś konkretnym problemem z oprogramowaniem, który przykro mi mówić.