移动设备上 <a> 标签上的 jQuery 悬停事件

Question

jQuery .hover() 事件似乎在移动设备上运行良好（在 iOS 5.1 Safari 上测试它）只要它不在锚元素 <a> 上。工作正常意味着它将触发绑定在其上的悬停处理程序。

但是，当悬停事件发生在<a> 时，浏览器会被重定向到来自href 的URL。

我希望它在第一次触摸时先悬停（运行事件处理程序），然后在第二次触摸时重定向（触发点击）。有没有办法做到这一点？

Answer 1

您必须向链接添加一个事件处理程序，以更改有关 DOM 的某些内容（例如切换类以更改背景颜色等）

来自Mobile Safari docs：

鼠标事件的传递顺序与您在其他网络中所期望的顺序相同 浏览器如图 6-4 所示。如果用户点击不可点击的 元素，不生成任何事件。如果用户点击一个可点击的 元素，事件按此顺序到达：mouseover、mousemove、mousedown、 mouseup，然后单击。只有当用户点击鼠标时才会发生 mouseout 事件 另一个可点击的项目。此外，如果页面内容在 mousemove 事件，不会发送序列中的后续事件。 这种行为允许用户点击新内容