jquery - 停止 JQuery 中鼠标悬停的传播

Question

当我将鼠标悬停在子元素上时，也会调用父元素的事件。我该如何阻止它？

<div class="parent">
    <div class="child">
    </div>
</div>

$(".parent").on("mouseover", function(){//Shouldnt fire on child})
$(".child").on("mouseover", function(){//Child function})

Answer 1

只需捕获子事件并停止其传播，如下所示:

 $(".child").on("mouseover", function(e){
     e.stopPropagation();
 //Child function})