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

Question

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

有没有办法强制它在超过<a>时触发仅，而不是子级(比父级小)。

我的js:

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

Answer 1

问题是mouseover事件冒泡到祖先元素，因此您可以使用 mouseenter不冒泡的事件

尝试 mouseenter 事件

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