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

我内部有一个父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”,这是一个问题,因为我想阻止它,所以我不会想要执行事件处理程序。

有什么主意吗?

poruin 回答:当光标将子元素悬停在父元素上时,如何防止将其悬停在父元素上?

切换为使用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>

本文链接:https://www.f2er.com/3164384.html

大家都在问