悬停效果对移动触摸设备(iPhone,Android,Windows)

Question

我正在试图找出一种模拟移动设备悬停效果的方法.我一直在搜索,但似乎没有工作.

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

Answer 1

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

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

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

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

Answer 2

市场上的新智能手机实际上支持悬停，无需调用任何 JS 即可使其工作。只要智能手机支持悬停“手势”，与 a:hover 锚点伪类的常规链接将实现悬停操作。