Any idea why the mouseleave event is not being logged when the cursor moves fast?

Question

Check the fiddle : http://jsfiddle.net/abitdodgy/7rFb6/1/

When the cursor moves quickly, the mouseleave event mouseleave not logged from time to time. Why is this happening?

When you hover over the selected image, a .controls layer .controls , which allows you to remove the selection. However, if you disable, the .controls layer should disappear. This does not always happen if you move the cursor very quickly between layers.

Try to select images and quickly move the cursor between them, and you will notice that this is happening. If an image is selected, the .controls layer .controls not be visible unless you hang over it.

Any ideas?

Answer 1

Try mouseleave event to the wrapper of the div, and not to a single element, since it was not dependent on the .controls show() trigger.

Does this sample work for you?

I suggest adding z-index: 2; to .controls elements.

Answer 2

I TAKE the hell out of my laser mouse over all of them, and they INSTANTLY answered. The problem seems to be related to the limitations of your hardware, and not to the specific software issue that I regret.