html - 移动触摸设备(iPhone、Android、Windows)上的悬停效果

Question

我正在尝试找出一种方法来模拟移动设备的悬停效果。我四处搜索，但似乎都没有用。

我试图获得移动悬停效果的元素是在悬停时改变颜色的链接。

Answer 1

好的一点可能与您正在测试的实际手机有很大关系。我通常使用 android 进行测试，它似乎通过触发 :hover 或 :focus 来满足长按和滑出(因此没有 onMouseUp 事件) 状态。

不过，这确实引出了一个问题，如果用户真的不太可能触发这种状态，那么它值得设计吗？ :Hover 专为使用鼠标在桌面上使用而设计，在移动设备上复制这些交互似乎适得其反。

也就是说，如果您正在尝试为移动设备实现一些非常有趣的交互，因为在不触发 onMouseUp 事件的情况下很难触发悬停状态，您最好使用不触发悬停状态的元素附加链接以允许点击而不触发链接。

jQuery 有 event.preventDefault() 可以帮助满足其他需求。