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

键盘快捷键

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

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

调试器的声明

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

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

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

在Chrome浏览器中，打开开发人员工具，然后选择元素选项卡 打开你想要检查的元素的父节点的上下文菜单，在上下文菜单中单击>子树修改上的Break。

之后，你只需要点击页面，你就会进入检查器，而不会失去焦点或失去你想要检查的元素。

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

键盘快捷键

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

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

调试器的声明

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

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

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

将以下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);

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

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

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

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