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

Question

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

我有这段代码将隐藏我的菜单：

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

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

标签： javascriptjquery

Answer 1

您可以将逗号分隔的选择器列表传递给事件侦听器。然后用于this定位鼠标“离开”的特定元素。

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