在Android浏览器中模拟触摸事件的悬停行为

Question

我的Wordpress网站使用Superfish 1.5.4渲染菜单项。

我的菜单由许多父菜单项组成，这些菜单项也是可单击的页面，将鼠标悬停在这些父项上时，应显示子菜单项

将鼠标悬停在PC浏览器中的父菜单项上时，将显示子菜单项，这是预期的行为。

在iPhone浏览器中，当触摸父菜单项时，会出现子菜单项，这也是首选的行为。 （因此，这有效地触发了悬停行为）

问题在于，在Android设备上，触摸父菜单项会导致点击事件，这与我们在iPhone上看到的悬停行为相反。

我看过Superfish JavaScript，但没有看到任何iPhone特定的逻辑。

因此，我想知道为什么iPhone中的触摸会导致悬停行为，而Android设备中却没有。

我在这里想念什么？

Answer 1

问题本质上是:hover功能实际上在触摸设备上并不存在（假设没有像鼠标一样可以物理地悬停的方式）。 在iPhone上获得预期效果的唯一原因是使用iOS的设备在click事件之前触发了:hover事件，因此您会在页面更改前的一会儿看到预期的样式。 确实没有很好的解决方案，尤其是对于像您这样的具有子菜单的菜单，但我会检查一些此类资源，以便更好地了解问题以及“解决”的可能方法。