Chrome devtools：检查项目上的元素，仅当父级鼠标悬停时才可见

问题描述：

只有将鼠标悬停在其父项上时，该元素才会显示。在代码中，在鼠标悬停的情况下，使用javascript，很多类都被添加到不同的元素，只有这样我的子元素才会出现。（有没有悬停事件，只有鼠标悬停与js）

因为有这么多的类，我不能手动添加它们。我如何在这种情况下检查和调试元素？ Chrome是否提供任何帮助？

谢谢！

请提供一些代码，以便我们看到问题。如果您需要某个元素进行悬停，您可以在控制台中触发该事件（鼠标应该在视口之外以便事后不更改事件状态）。 – zoku

@zoku这不是悬停，它是与JavaScript的鼠标悬停。 –

鼠标移出时，元素是否会被移除？ –

答

是在Chrome devtools具有处理hover/mouse over元素看到图像的工具：

谢谢，但那只是悬停，不是鼠标悬停。对我来说，它不适用于鼠标悬停JavaScript事件 –

答

如果活动连接，像这样： document.getElementById('idOfYourElement').addEventListener('mouseover', function(){ console.log('hover'); })，

您可以通过编程触发事件，像这样： document.getElementById('idOfYourElement').dispatchEvent(new Event('mouseover'))。

如果你的鼠标在视口之外，它应该保持在这个状态，你可以在开发工具中进行调试。