Javascript 如何防止onmouseover在div内开火

我有一个矩形div，其中有一些较小的div和图像。我想能够动画整个div向上一点鼠标输入，以显示更多的信息。然后，当鼠标退出div时，我希望div返回到以前的位置。但是，当我输入一个子div或image时，以及当我退出该子div时，函数都会启动。我基本上希望onmouseover忽略子div。这在Javascript/Jquery中可能吗？谢谢

jQuery的方法是：

实现这一点的基本javascript方法是：

---

event.preventDefault（）

jQuery的方法是：

实现这一点的基本javascript方法是：

event.preventDefault（）

试试这个：

$('.parentClass:not(.childrenClass)').mouseover(function(){

});

试试这个：

$('.parentClass:not(.childrenClass)').mouseover(function(){

});

---

使用事件目标属性的筛选器元素：

$(parent).on('mouseover',function(e){
    if(e.target !== this) return;
    //...
});

---

但是，根据您要查找的内容，使用

mouseenter

也可能是一种解决方案

使用事件目标属性的过滤器元素：

$(parent).on('mouseover',function(e){
    if(e.target !== this) return;
    //...
});

---

但是，根据您要查找的内容，使用

mouseenter

也可能是一种解决方案

.preventDefault（）

？您确定吗？这可以防止最终触发脚本的事件链调用冒泡。您正确地开始了回答，提到了

.stopPropagation

，但错误地完成了回答。

.preventDefault（）

？您确定吗？这可以防止最终触发脚本的事件链调用冒泡。您正确地开始了回答，提到了

.stopPropagation

，但错误地完成了回答。