Question

我内部有一个父div和一个子div，如下所示：

<div id="parent" onmouseover="console.log('foo');" style="width:100px;height:100px;background-color:blue;">
	
	<div id="child" style="width:50px;height:50px;background-color:red;">
	</div>

</div>

如您所见，在父div中，我只添加了onmouseover="console.log('foo');"。

因此，当我从外部悬停div父级或悬停子div时，控制台将显示“ foo”，没问题。

但是当我将父div从子div悬停时，也就是说，当光标离开子div悬停在父div时，控制台会显示“ foo”，这是一个问题，因为我想阻止它，所以我不会想要执行事件处理程序。

有什么主意吗？

Answer 1

切换为使用mouseenter事件。

<div id="parent" onmouseenter="console.log('foo');" style="width:100px;height:100px;background-color:blue;">
	
	<div id="child" style="width:50px;height:50px;background-color:red;">
	</div>

</div>

当光标将子元素悬停在父元素上时，如何防止将其悬停在父元素上？

1 个答案: