javascript - 如何让触摸屏识别 .focus 和 .active 状态？

Question

我有一个文本链接，当它悬停时，会触发链接本身的动画和它后面的不同动画。在同一个文本链接上，我有一个不同的动画，只有在点击时才会运行。这是在另一个站点上加载页面之前的结尾动画。在非触摸屏上一切正常。悬停动画适用于悬停，.active 和 .focus 动画适用于点击。在触摸屏上（在 Firefox、Chrome、iPhone 和 ipad mini 上的 Safari 中测试），点击屏幕会触发悬停动画（永不停止），但会忽略“点击/点击”（又名 .active/.focus）动画。我已经停止了页面的加载，以便让我的 outro 动画有时间运行，但在触摸屏设备上，它看起来就像是永远加载。

如果我必须在触摸屏上的悬停和点击动画之间进行选择，出于上述原因，我宁愿运行点击（点击）动画，也因为实际上没有悬停在触摸屏设备上这样的事情。

我没有办法在非 ios 设备上进行测试；我假设问题是一样的。那么，我怎样才能让点击触摸屏的行为像点击光标而不像将光标悬停在触摸屏上？

标签： javascripthtmljquerycssios