使用JS可以触发元素上的MouseEvent。下面是如何对悬停进行操作。

使用右键单击检查元素。 像这样复制JS路径 在Sources Chrome DevTools中按“Esc”键打开控制台。 然后粘贴复制的路径，并添加.dispatchEvent(new MouseEvent('mouseover'， {'bubbles': true}));是这样的: 按enter键，然后可以与悬停状态后发生的任何DOM更改进行交互。

在Chrome浏览器中更改悬停状态非常简单，只需遵循以下步骤:

1)在你的页面上右键点击，选择检查

2)在DOM中选择你想检查的元素

3)选择引脚图标(Toggle Element State)

4)然后勾选悬停

现在您可以在浏览器中看到所选DOM的悬停状态!

现在可以看到两个伪类规则，并将它们强加到元素上。

要查看样式窗格中的:hover之类的规则，单击右上方的小:hov文本。

要强制一个元素进入:hover状态，右键单击它并选择:hover。

在Chrome开发人员工具快捷方式的元素面板上的额外提示。

使用JS可以触发元素上的MouseEvent。下面是如何对悬停进行操作。

使用右键单击检查元素。 像这样复制JS路径 在Sources Chrome DevTools中按“Esc”键打开控制台。 然后粘贴复制的路径，并添加.dispatchEvent(new MouseEvent('mouseover'， {'bubbles': true}));是这样的: 按enter键，然后可以与悬停状态后发生的任何DOM更改进行交互。

如果有帮助的话，这在最新的Chrome(47.0.2526.106)中似乎更容易:

检查元素，然后单击左侧排水沟中的三个白点:

然后从下拉菜单中选择所需的元素状态:

我用Chrome调试菜单悬停状态，这样做是为了能够看到悬停状态代码:

在元素面板上点击切换元素状态按钮并选择:悬停。

在“脚本”面板中，选择右下角的“事件侦听器断点”，然后选择鼠标->鼠标。

现在检查菜单并选择您想要的方框。当你释放鼠标按钮时，它应该会停止，并在元素面板中显示所选元素的悬停状态(请参阅样式部分)。