在Android瀏覽器中模擬觸摸事件的懸停行為

Question

我的Wordpress網站使用Superfish 1.5.4渲染菜單項。

我的菜單由許多父菜單項組成，這些菜單項也是可單擊的頁面，將鼠標懸停在這些父項上時，應顯示子菜單項

將鼠標懸停在PC瀏覽器中的父菜單項上時，將顯示子菜單項，這是預期的行為。

在iPhone瀏覽器中，當觸摸父菜單項時，會出現子菜單項，這也是首選的行為。 （因此，這有效地觸發了懸停行為）

問題在於，在Android設備上，觸摸父菜單項會導致點擊事件，這與我們在iPhone上看到的懸停行為相反。

我看過Superfish JavaScript，但沒有看到任何iPhone特定的邏輯。

因此，我想知道為什么iPhone中的觸摸會導致懸停行為，而Android設備中卻沒有。

我在這里想念什么？

Answer 1

問題本質上是:hover功能實際上在觸摸設備上並不存在（假設沒有像鼠標一樣可以物理地懸停的方式）。 在iPhone上獲得預期效果的唯一原因是使用iOS的設備在click事件之前觸發了:hover事件，因此您會在頁面更改前的一會兒看到預期的樣式。 確實沒有很好的解決方案，尤其是對於像您這樣的具有子菜單的菜單，但我會檢查一些此類資源，以便更好地了解問題以及“解決”的可能方法。