如何防止onmouseover在div内部触发

Question

我有一个矩形div，在矩形内部有一些较小的div和图像。我希望能够在鼠标输入时向上移动整个div，以显示更多信息。然后，当鼠标退出div时，我希望div返回到前一个位置。但是，当我输入子div或图像时，该函数会触发，当我退出该子div时，该函数会再次触发。我基本上希望onmouseover忽略子div。这可能与Javascript / Jquery有关吗？谢谢！

Answer 1

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

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

但根据您的要求，使用mouseenter也可能是一个解决方案

Answer 2

试试这个：

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

});

Answer 3

jQuery的做法是：

http://api.jquery.com/event.stopPropagation/

这样做的基本javascript方式是：

event.preventDefault（）;