强制 jquery mouseover 在子级上时不触发，仅在父级上触发

我有一个<a> with a <img>在里面，我希望当鼠标悬停在<a>这是有效的，问题是如果我将光标移动到内部图像上，它会再次触发。

有没有办法强制它在结束时触发<a>仅，而不是孩子（比父母小）。

my js:

$('#logo a').mouseover(function() {
        $(this).addClass('active');
        $('div#header-contact').fadeIn();
    });

问题是鼠标移到 https://developer.mozilla.org/en-US/docs/Web/Reference/Events/mouseover事件冒泡到祖先元素，因此您可以使用鼠标输入 https://developer.mozilla.org/en-US/docs/DOM/DOM_event_reference/mouseenter不冒泡的事件

尝试 mouseenter 事件

$('#logo a').mouseenter(function() {
    $(this).addClass('active');
    $('div#header-contact').fadeIn();
});