Javascript 强制元素在焦点更改时保持可见，即使它们在模糊时消失

在材质UI中，有一个自动完成。当我聚焦输入并按向上/向下键时，将显示选项

我想使用右键单击->检查（在Chrome中）来检查这些选项。但是一旦焦点离开输入，选项就会消失（我在DOM中找不到它们），可能是因为

onBlur

或类似的JavaScript事件

---

有没有办法让选项保持可见，即使焦点离开输入，这样我就可以检查它们的DOM？

如果只是在开发工具中检查，您可以强制元素行为聚焦，然后在此基础上检查。

如果只是在开发工具中检查，您可以强制元素行为聚焦，然后在此基础上进行检查。

在chrome developer tools->Elements选项卡中，在

输入

元素或其父元素之一上添加DOM断点，以进行

属性修改

（我在某个父元素上进行了此操作）。触发事件后，单击resume script execution（恢复脚本执行）（或只按F8键），直到屏幕上出现下拉菜单，但不要完成所有脚本执行，如果保持在调试模式，则会更容易。当下拉菜单出现时，只需再次打开Elements选项卡，在DOM树的底部找到关闭标记之前的下拉标记

---

在chrome developer tools->Elements选项卡中，在

输入

元素或其父元素上添加一个DOM断点，用于

属性修改

（我在某个父元素上这样做了）。触发事件后，单击resume script execution（恢复脚本执行）（或只按F8键），直到屏幕上出现下拉菜单，但不要完成所有脚本执行，如果保持在调试模式，则会更容易。当下拉菜单出现时，只需再次打开Elements选项卡，在DOM树的底部找到关闭标记之前的下拉标记

---

我您需要它只是为了检查，您可以将

open

属性添加到

Autocomplete

元素中

<Autocomplete
   ...
   open
/>

---

我您需要它只是为了检查，您可以将

open

属性添加到

Autocomplete

元素中

<Autocomplete
   ...
   open
/>

谢谢，这很有效。但这似乎不是一个通用的方式：亚马逊网站的自动完成功能并没有以这种方式对我开放。你知道怎么在那里做吗？谢谢，这很有效。但这似乎不是一个通用的方式：亚马逊网站的自动完成功能并没有以这种方式对我开放。你知道怎么在那里做吗？