jquery - 如何在 jQuery 中触发两个元素的 mouseout 事件？

Question

假设我有两个矛状 div，A 和 B，它们在一个角处重叠:

+-----+
|     |
|  A  |
|   +-----+
+---|     |
    |  B  |
    |     |
    +-----+

我想在鼠标离开同时 A 和 B 时触发事件。

我试过了

$("#a, #b").mouseleave(function() { ... });

但是如果鼠标离开任一节点，则会触发该事件。我希望一旦鼠标不在任何一个节点上就触发该事件。

有没有简单的方法可以做到这一点？我有一个想法，涉及全局变量来跟踪每个 div 上的鼠标状态，但我希望有更优雅的东西。

Answer 1

我一直遇到这个问题，如果它适合我​​正在做的事情，我的“快速修复”如下；

var timer;

$("#a, #b").mouseleave(function() {
    timer = setTimeout(doSomething, 10);
}).mouseenter(function() {
    clearTimeout(timer);
});


function doSomething() {
    alert('mouse left');
}

fiddle :http://jsfiddle.net/adeneo/LdDBn/