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

概述我正在试图找出一种模拟移动设备悬停效果的方法.我已经四处寻找,但似乎没有工作. 我试图获得移动悬停效果的元素是一个在悬停时改变颜色的链接. 很好,它可能与您正在测试的实际手机有很大关系.我通常用 android测试,它似乎通过触发：hover或：focus状态来满足长按和滑动(因此没有onMouseUp事件). 但是,这确实引出了一个问题,如果用户真的不太可能触发这种状态,那值得设计吗？ ：Hov 我正在试图找出一种模拟移动设备悬停效果的方法.我已经四处寻找,但似乎没有工作.

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

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

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

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

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

总结

以上是内存溢出为你收集整理的html – 移动触摸设备(iPhone,Android,Windows)上的悬停效果全部内容，希望文章能够帮你解决html – 移动触摸设备(iPhone,Android,Windows)上的悬停效果所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。