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

Question

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

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

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

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

有任何想法吗？

Answer 1

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

该示例对您有用吗？

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