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