javascript - 让 jQuery 忽略事件中的子级

Question

如果我有以下标记:

<ul id="level1">
    <li>
        <a href="#">Test</a>
        <ul id="level2">
            <li>
                <a href="#">Test</a>
            </li>
        </ul>
    </li>
</ul>

基本上，如果我将鼠标悬停在 1 级上，我需要它来做某事。但是，当我将鼠标悬停在 level2 上时，它会触发它，因为它位于 level1 内。有没有办法让这种情况仅在我将鼠标悬停在 level1 上时发生。

我的意思的一个例子:

http://scottymeuk.in/Netr

左侧的框是右侧框的父级。但我需要将鼠标悬停在左侧框(父级)而不是右侧框(子级)上时发生一些事情。

谢谢。

抱歉，如果我未能充分解释我的问题。

Answer 1

一种解决方案是在子级上调用 event.stopPropagation:

$("#parent").on("someevent", function(){
  // do stuff
});

$("#child").on("someevent", function(e){
  e.stopPropagation(); // prevent the event from bubbling to the parent.
});