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

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

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

[

在chrome devtools设置中，有一个名为模拟焦点页面的选项，默认情况下是禁用的。启用此选项后，如果您单击devtool窗口上的任何位置，都不会导致DOM中的任何元素失去焦点。

Chrome版本>= 86:

打开devtools，按Command+Shift+P (Mac)或Control+Shift+P (Windows、Linux)打开命令菜单。在命令菜单中输入渲染，然后选择显示渲染。在那里，您可以启用模拟一个集中的页面。

在此之后，只需单击任何元素来聚焦，然后单击devtool窗口上的任何地方。你会看到那个元素并没有失去焦点。所以现在您可以轻松地检查或调试。

Chrome版本< 86

转到devtool设置->首选项，在全局选项下，启用模拟一个聚焦页面。

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

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

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

[

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

在Chrome的开发人员工具页面上测试的页面…点击选项菜单，打开设置选项…在DevTools下启用“模拟焦点页面”

然后在测试页面中显示元素。这可以让我的弹出式搜索结果集中在屏幕上，这样我就可以使用它。

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

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