iPad Safari的悬停事件

Question

我有一个带有“主标签”的页面，其行为如下： 1.将鼠标悬停时，显示“子选项卡” 2.单击任何主选项卡时，它将转到其中一个默认子选项卡页面。

$(".mainlink_href").mouseover(function(){...} 

现在这些在桌面浏览器上的行为与预期相同。但在iPad上，当用户点击任何主选项卡时，它始终执行悬停方法执行，即显示子选项卡并且不进入子选项卡页面（如在桌面中）

现在我同意，这是根据预期的iPad的行为，因为没有鼠标光标追踪悬停事件，否则...

但有没有什么办法，我可以更新代码，使“只为iPad”，它没有通过第一次点击的悬停方法，而不是点击事件，并直接将用户带到默认的子标签页（即类似于桌面浏览器上面的第2点）

请帮助我。谢谢。

Answer 1

您可以只分配两个事件处理程序，并让ontouchstart处理程序删除onmouseover处理程序。

$(".mainlink_href").mouseover(function(){...}); 
$(".mainlink_href").ontouchstart(function(){this.mouseover=function(){};});