好，让我解释一下。可以说有一个小的图像，当您将鼠标悬停在它上面时，将会有一个新的更大的图像（该图像的放大版本）。那就简单了，但是等等！我希望较大的图像位于较小的图像上方，并且当您将鼠标悬停在较小的图像上时，div消失了。问题是，当您在较小的图像上方显示较大的图像时，鼠标将悬停在较大的图像而不是较小的图像上。我要使鼠标保持悬停在小图像上，而将大图像放在顶部。当您将鼠标悬停在较小的图像上时，较大的图像会消失。关键是将较大的图像放在较小的图像上方（将其覆盖），但将鼠标置于较大的图像下方。不能弄清楚！谢谢]]
好，让我解释一下。可以说有一个小的图像，当您将鼠标悬停在它上面时，将会有一个新的更大的图像（该图像的放大版本）。那就简单了，但是等等！我想要更大的...
否，鼠标始终在顶部。但是，您可以完成所需的功能-当鼠标离开较小的图像时隐藏较大的图像。当然，有多种方法可以做到这一点。这是我要采取的方法。
解决方案是在较大图像上处理悬停，但是在处理程序中，当指针的x和y位置离开较小图像的边界时，较大图像将消失。
听起来像您的问题，是因为.hover()是因为您在旧的div上打开了新的div，这导致.hover()触发mouseOut函数。最好的解决方案是添加到.hover()，因此mouseEnter还包括从较小图像中“增长”的较大图像。
您可以使用指针锁定apihttps://devdocs.io/dom/pointer_lock_api