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

检查这个小提琴 ： http ： //jsfiddle.net/abitdodgy/7rFb6/1/

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

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

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

有任何想法吗？

Answer 1

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

这个样本适合你吗？

我建议添加z-index: 2; 也包括.controls元素。

Answer 2

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