检查仅当其他元素是鼠标上下/进入时出现的元素

通常我想检查一个元素（例如工具提示），该元素只有在另一个元素是鼠标悬停/输入时才会出现。 出现的元素，通过jQuery的mouseenter事件可见。

我无法检查工具提示，因为当我的鼠标离开包含元素时，工具提示消失。

有没有办法暂停JS事件，以便我可以悬停在元素上，然后暂停浏览器的JS，并成功检查它？

例如，尝试检查Twitter引导程序的工具提示：http://getbootstrap.com/javascript/#tooltips。

---

Chrome 38.0.2094.0相当简单。

以下是它的样子：

一步步：

在“来源”面板中打开DevTools

通过将鼠标悬停在按钮上可以显示工具提示

按F8键冻结页面

切换到Elements面板并使用左上方的放大镜图标选择工具提示

如果工具提示由于CSS而显示，那么您可以在这种情况下执行以下操作：

一步步：

打开DevTools

选择开发工具中的触发元素（链接）

右键单击，然后选择“强制元素状态”，并选择“：hover”

检查CSS工具提示

---

Safari和Chrome的Web Inspector均提供复选框，您可以在其中切换元素的:active ， :focus ， :hover和:visited状态。 使用这些可能会更容易。

苹果浏览器：

铬：

---

还有另一个棘手的方法来做到这一点：

查看使您的工具提示出现的元素。

右键点击打开上下文菜单。

将鼠标移至开发工具窗口，并左键单击开发工具面板中的任意位置。

您的工具提示将保持可见状态，然后您可以在“元素”选项卡中对其进行检查。

经过Chrome测试。 似乎不适用于Firefox。

链接地址: http://www.djcxy.com/p/80911.html

上一篇: Inspect element that only appear when other element is mouse overed/entered

下一篇: tooltip on dynamic created content in jquery