如何在jQuery中触发两个元素的mouseout事件?

前端之家收集整理的这篇文章主要介绍了如何在jQuery中触发两个元素的mouseout事件?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我们假设我有两个矛头,A和B,它们在一个角落重叠:
+-----+
|     |
|  A  |
|   +-----+
+---|     |
    |  B  |
    |     |
    +-----+

当鼠标离开A和B时,我想触发一个事件.

我试过了

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

但如果鼠标离开任一节点,则会触发该事件.一旦鼠标不在任一节点上,我希望触发事件.

有没有办法做到这一点?我有一个想法,涉及全局变量跟踪每个div上的鼠标状态,但我希望更加优雅的东西.

解决方法

我一直遇到这个问题,而我的’快速修复’,如果它适合我​​正在做的是以下;
var timer;

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


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

小提琴:http://jsfiddle.net/adeneo/LdDBn/

原文链接:https://www.f2er.com/jquery/176560.html

猜你在找的jQuery相关文章