我怎么能检查html元素，从DOM消失失去焦点?

我试图检查CSS属性从输入到表格单元格。输入在点击时出现，在失去焦点时消失，就像我试图检查它一样。当我移动到另一个窗口(检查器)时，我如何做到不失去焦点?

当前回答

不是一个真正的解决方案，但它通常是有效的。

聚焦元素右击上下文菜单转到开发人员工具

其他回答

如果暂停JavaScript执行而不移动鼠标，则可以捕获正在消失的元素。可以使用键盘快捷键或触发调试器语句。这适用于外观由JavaScript控制的元素，而不是CSS:hover(如果是CSS，请参阅Dumba F。的回答)。

键盘快捷键

这种方法适用于不使用JS在按键时触发特殊行为的页面。这些说明是谷歌Chrome，但可以适应其他现代浏览器:

打开开发人员工具并进入源代码。注意暂停脚本执行的快捷方式- f8(根据您的操作系统，可能还有其他快捷方式)。与UI交互以显示元素。按下F8。现在你可以移动鼠标，检查DOM，等等。元素会留在那里。

调试器的声明

要触发一个调试器语句，当悬浮元素可见时执行，使用setTimeout:

打开JS控制台，输入: //暂停脚本执行5秒 setTimeout(() =>{调试器;}, 5000) 使悬停打开并等待脚本执行暂停。

(与尼克·法里纳的回答相同)

我有一个更快的解决办法，因为我不太擅长使用工具，这是我所做的。

event.originalEvent.preventDefault();
event.originalEvent.stopImmediatePropagation();
event.originalEvent.stopPropagation();

我遇到了一个非常困难的情况，这里没有答案(我没有验证改变容器的答案，这是我的主体，或原始事件，因为我不知道)。我终于找到了一个解决办法，通过控制事件监听断点在Chrome检查器。也许这也是一种跨浏览器的方式打破复杂的情况下，甚至F8或右键单击鼠标隐藏弹出再次:

如果你打开Chrome DevTools，然后使用键盘快捷键触发元素检查器，它应该可以解决这个问题。

Mac: Cmd+Opt+J，然后Cmd+Opt+C

Windows:先按Ctrl+Shift+J，再按Ctrl+Shift+C

[

在chrome devtools中单击元素的右侧;-)

推荐文章