javascript - Chrome 开发工具 : inspect element on item that is visible only if parent has mouse over

Question

我无法使用 devtools 在 DOM 中找到元素。

该元素只有在我将鼠标悬停在它的父元素上时才会出现。在代码中，在鼠标悬停时，使用 javascript，许多类被添加到不同的元素，然后才出现我的子元素。 (没有悬停事件，只有用js鼠标悬停)

因为类太多，我无法手动添加。我如何在这种情况下检查和调试元素？ Chrome 是否提供任何帮助？

谢谢!

Answer 1

如果您的事件是这样附加的:document.getElementById('idOfYourElement').addEventListener('mouseover', function(){ console.log('hover'); }),

您可以像这样以编程方式触发事件:document.getElementById('idOfYourElement').dispatchEvent(new Event('mouseover'))。

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