我怎么能检查一个元素消失时,我的鼠标移动?

我不知道它的ID,类或任何东西,但想检查它。

我尝试过的解决方案:

在控制台$('*:contains("some text")')内运行jQuery选择器,但没有任何运气,主要是因为元素没有隐藏,而是可能从DOM树中删除了。

手动检查DOM树的变化给我什么也没有,因为它似乎太快了,没有注意到有什么变化。

成功:

我已经成功地使用了事件断点。特别是在我的例子中,鼠标向下。只需去源代码->事件监听器断点->鼠标->鼠标在Chrome。之后,我点击了我想要检查的元素,在Scope Variables中我看到了一些有用的说明。


当前回答

2022年验证

做以下几点:

打开控制台并导航到Elements选项卡 输入command + shift + P (OSX)或control + shift + P (Windows) 输入聚焦这个词 从菜单中选择模拟一个重点页面

现在在控制台中单击将不会关闭元素。

其他回答

将鼠标悬停在元素上并按F8(在Chrome中)暂停脚本执行。悬停状态将对您保持可见。

它会把你带到资源选项卡。 返回“元素”选项卡。这个时间代码不会消失。

您可以在元素下的检查器中查看元素的出现和消失。如果你在元素可见时导航到它,你应该能看到它消失了,或者当它的状态改变时看到它的css变化。

这是可能的firebug在firefox或chrome内置的检查器。

2022年验证

做以下几点:

打开控制台并导航到Elements选项卡 输入command + shift + P (OSX)或control + shift + P (Windows) 输入聚焦这个词 从菜单中选择模拟一个重点页面

现在在控制台中单击将不会关闭元素。

Chrome中的另一种方法:

打开devTools (F12)。 选择“Sources”选项卡。 当你想要的元素显示出来时,按F8(或Ctrl+/)。这将中断脚本执行并“冻结”显示的DOM。 从这里开始,使用Ctrl+Shift+C选择元素。

在Firebug中有不同的解决方案:

你可以在HTML面板中使用Break On Mutate。(有了这个,你也可以找到它是哪个元素) 您可以右键单击元素并选择Inspect element with Firebug

此外,您可能还想了解第551期,它要求使用一种方法暂时阻止特定事件。

编辑:

要找出它是哪个元素,您还可以启用HTML面板选项高亮显示更改,展开更改和滚动更改到视图,使元素在HTML面板中可见。

塞巴斯蒂安。