Qualche idea sul perché l'evento mouseleave non si registra quando si muove velocemente il cursore?

Question

Controllare questo fiddle out: http://jsfiddle.net/abitdodgy/7rFb6/1/

Quando si sposta il cursore digiunare l'evento mouseleave non registra, a volte. Perché sta succedendo?

Quando si passa con il mouse su un'immagine selezionata, viene visualizzato un livello .controls che consente di rimuovere la selezione. Una volta scoperto, tuttavia, il livello .controls dovrebbe scomparire. Questo non accade sempre se sposti il ​​cursore molto velocemente tra i livelli.

Provare a selezionare le immagini e spostare il cursore molto rapidamente tra loro e si noterà che ciò sta accadendo. Se l'immagine è selezionata, il livello .controls non dovrebbe essere visibile se non ci si passa sopra con il mouse.

Qualche idea?

Answer 1

tenta di associare l'evento mouseleave al div involucro e non al singolo elemento, dal momento che non è aleggiava sulla .controlsshow() grilletto.

this sample è funzionante?

Suggerisco di aggiungere z-index: 2; agli elementi .controls, pure.

Answer 2

RAPIDAMENTE ho mosso il mio mouse laser su tutti loro e hanno risposto ISTANTANEAMENTE. Sembra che il problema sia legato alle limitazioni del tuo hardware piuttosto che a qualche problema specifico con il software, mi dispiace dirlo.