将以下Javascript代码粘贴到浏览器开发控制台:

// Delayed console log of parent element with disappearing child element(s)
// Once code is trigger, you have 3 seconds to trigger the hidden element before it snapshots.
// The hidden elements should appear in the console ready to inspect.

var timer = 3000; //time before snapshot
var parent_of_element_to_inspect = 'div.elementcontainer'; //container of element to snapshot
setTimeout(function(){
 console.log(document.querySelector(parent_of_element_to_inspect).cloneNode(true));
},timer);

不确定这是否在你的情况下工作，但通常(在任何情况下都值得一提，因为这是一个伟大的工具)在Chrome开发工具中，你可以模拟元素的状态，其中一个也是:焦点。

要做到这一点，请转到开发人员工具中的元素选项卡，并确保您在右侧的样式部分(这应该是启动开发人员工具时的默认位置)。现在在右上角的样式下面有一个Toggle Element State图标。当你点击它时，你可以模拟:active，:hover，:focus和:visited在你的代码视图中选择左边的元素。

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

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

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

[

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

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

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

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

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