<a> tag on mobile devices</a>上的jQuery悬停事件

Question

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

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

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

Answer 1

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

来自Mobile Safari docs：

  

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