检查鼠标是否在元素A或元素B上

Question

是否可以检查鼠标是否在两个元素中的一个元素上？

我有这个代码会隐藏我的菜单：

$(document).on("mouseleave", ".chapterMenuContainer", function() {
//mouse leave
$('.chapterMenuContainer').stop().animate({
maxHeight: '0'
}, 100);
});

我只想在鼠标不再在.chapperMenuContainer或另一个名为.chapperMenu Heading的类上时执行动画。由于结构原因，这两个类需要是兄弟类。是否可以检查鼠标是否不再在其中任何一个上面？

Answer 1

您可以将逗号分隔的选择器列表传递给事件侦听器。然后使用CCD_；左"；。

$(document).on("mouseleave", ".chapterMenuContainer, .chapterMenuHeading", function() {
//mouse leave
$(this).stop().animate({
maxHeight: '0'
}, 100);
});

Answer 2

这可能有点傻，但我建议在.chapterMenu等两个元素之间添加一个公共类，并使用.on("mouseenter mouseleave")等事件处理函数，在其中，您可以在if/else条件中使用hasClass函数来执行相应元素类的相关代码。