知道为什么当快速移动光标时mouseleave事件没有注册？

Question

选中fiddle out：http://jsfiddle.net/abitdodgy/7rFb6/1/

快速移动光标时，mouseleave事件有时不会注册。为什么会这样？

将鼠标悬停在所选图像上时，会出现.controls图层，允许您删除所选内容。但是，一旦取消切换，.controls图层就会消失。如果在图层之间快速移动光标，则不会总是发生这种情况。

尝试选择图像并在它们之间快速移动光标，您会发现这种情况正在发生。如果选择了图片，则除非您将图层悬停在图层上，否则图层.controls不应显示。

有什么想法吗？

Answer 1

尝试将mouseleave事件绑定到包装器div而不是单个元素，因为它不会悬停在.controls show()触发器上。

this sample是否适合您？

我建议将z-index: 2;添加到.controls元素中。

Answer 2

我快速地将我的激光鼠标移到了所有这些上面，他们立即做出了回应。似乎问题与硬件的局限性有关，而不是与软件的某些特定问题有关，我很遗憾地说。