Javascript Chrome devtools:检查项目上的元素,该元素仅在父级鼠标悬停时可见
在使用devtools的DOM中找不到元素 仅当我将鼠标悬停在该元素的父元素上时,该元素才会显示。在代码中,鼠标悬停在javascript上,许多类被添加到不同的元素中,只有我的子元素出现。(没有悬停事件,只有用js鼠标悬停) 由于类太多,我无法手动添加它们。如何在此上下文中检查和调试元素?Chrome有什么帮助吗 谢谢 是的,具有处理Javascript Chrome devtools:检查项目上的元素,该元素仅在父级鼠标悬停时可见,javascript,css,google-chrome,google-chrome-devtools,Javascript,Css,Google Chrome,Google Chrome Devtools,在使用devtools的DOM中找不到元素 仅当我将鼠标悬停在该元素的父元素上时,该元素才会显示。在代码中,鼠标悬停在javascript上,许多类被添加到不同的元素中,只有我的子元素出现。(没有悬停事件,只有用js鼠标悬停) 由于类太多,我无法手动添加它们。如何在此上下文中检查和调试元素?Chrome有什么帮助吗 谢谢 是的,具有处理悬停/鼠标悬停在元素上的工具参见图片: 如果您的活动是这样附加的: document.getElementById('idOfYourElement').addE
悬停/鼠标悬停在元素上的工具参见图片:
如果您的活动是这样附加的:
document.getElementById('idOfYourElement').addEventListener('mouseover',function(){console.log('hover');})
您可以通过编程方式触发事件,如下所示:
document.getElementById('idOfYourElement').dispatchEvent(新事件('mouseover'))
如果鼠标不在视口中,则应保持此状态,您可以在开发工具中进行调试。请提供一些代码,以便我们看到问题所在。如果需要悬停某个元素,可以在控制台中触发该事件(鼠标应该在视口之外,以避免事后更改事件状态)。@zoku它不是悬停,而是用javascript将鼠标悬停。当鼠标悬停时,该元素是否会被删除?谢谢,但这只是悬停,而不是鼠标悬停。对我来说,它不适用于鼠标悬停javascript事件