适用于iPad Safari的悬停事件

Question

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

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

现在这些在桌面浏览器上表现得如预期的那样。但是在iPad上，当用户点击任何主要标签时，它总是会执行悬停方法，即显示子标签，但不会转到子标签页（如桌面）

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

但是有没有什么方法可以更新代码，以便“仅针对iPad”它不会通过第一次单击的悬停方法而是执行click事件并直接将用户带到默认子选项卡页面（即类似于桌面浏览器中的第2点）

请帮帮我。谢谢。

Answer 1

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

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