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(){};});