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

是否可以检查鼠标是否位于两个元素之一上

我有以下代码，将隐藏我的菜单：

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

---

我只想在鼠标不再位于.chapterMenuContainer或另一个名为.chapterMenuHeading的类上时执行动画。出于结构上的原因，这两个类需要是兄弟类。是否可以检查鼠标是否不再位于其中一个元素上？

这可能有点愚蠢，但我建议在这两个元素之间添加一个公共类，如

.chapterMenu

，并使用事件处理函数，如

.on（“mouseenter mouseleave”）

并且在其中，您可以在if/else条件中使用

hasClass

函数为相应的元素类执行相关代码。

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

此

以鼠标“左”的特定元素为目标

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