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

我正在试图找出一种模拟移动设备悬停效果的方法.我已经四处寻找,但似乎没有工作.

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

解决方法

很好,它可能与您正在测试的实际手机有很大关系.我通常用 android测试,它似乎通过触发：hover或：focus状态来满足长按和滑动(因此没有onmouseup事件).

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

也就是说,如果您正在尝试为移动设备实现一些非常有趣的交互,因为在不触发onmouseup事件的情况下很难触发悬停状态,您可能更好地使用没有链接的元素来允许点击而不触发链接.

jQuery有event.preventDefault(),可能有助于满足其他需求.

原文地址：https://www.jb51.cc/html/227823.html