如何一次检测两个元素上的mouseleave()？

Question

答案可以是vanilla js或jQuery.如果用户不再悬停在ID为"myLink"的链接或ID为"mySpan"的范围内,我想隐藏ID为"myDiv"的div.如果用户将鼠标悬停在任一元素上,"myDiv"仍将显示,但第二个用户不会将鼠标悬停在两者之一(用户的鼠标首先离开哪个元素无关紧要)"myDiv"将从脸部消失存在

换句话说,这是我在一个元素上检测鼠标离开的方式:

$('#someElement').mouseleave(function() {

   // do something

});

但怎么说(以某种方式实际工作):

$('#someElement').mouseleave() || $('#someOtherElement').mouseleave()) {

   // do something

});

怎么检测到这个？

Answer 1

这样的事情应该有效:

var count = 0;
$('#myLink, #mySpan').mouseenter(function(){
    count++;
    $('#myDiv').show();
}).mouseleave(function(){
    count--;
    if (!count) {
        $('#myDiv').hide();
    }
});

的jsfiddle

Answer 2

您可以使用多重选择器:

$("#someElement, #someOtherElement").mouseleave(function() {
   // Do something.
});